﻿/* 带缩略图焦点图片展示 */
.albumSlider ul,.albumSlider ul li { margin:0; padding:0; list-style-type:none; vertical-align:middle;}

.albumSlider { background:#fff; margin:0 auto; font-size:9pt; position:relative; z-index:1;}
/* 标题文字 */
.textview-bg { background-color:black; position:absolute; left:0; bottom:0; width:100%; height:30px; filter:alpha(opacity=35); opacity:0.35;}
.textview { position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; text-indent:1em; overflow:hidden;}
.textview a { color:white; text-decoration:none; font-size:14px; /* font-family:"微软雅黑","黑体","宋体" */}
.fullview img { border:none;}

/* 纵向布局 */
.albumSlider-v {width:555px; height:300px;}
.albumSlider-v .fullview{position:relative; float:left;}
.albumSlider-v .fullview,
.albumSlider-v .fullview a,
.albumSlider-v .fullview img {width:450px; height:300px;}
.albumSlider-v .fullview a {position:absolute; top:0; left:0;display:block;}
.albumSlider-v .slider{width:105px;height:300px;float:left;}
.albumSlider-v .imglistwrap{height:264px; margin-bottom:4px; overflow:hidden; position:relative;}
.albumSlider-v .imglist{position:relative;}
.albumSlider-v .imglist a{width:103px;height:62px;display:block; outline:none;}
.albumSlider-v ul li{height:62px;margin-top:4px;clear:both;}
.albumSlider-v ul li img{width:90px;height:56px; float:right; display:inline; margin:2px 2px 0 0;border:1px solid #eee;}
.albumSlider-v.green ul li img { border-color:#a0cc4d;}
.albumSlider-v ul li a:hover,
.albumSlider-v ul li.current a{background:url(/global/album-slider-arrow-v.png) no-repeat 0 0;}
.albumSlider-v.green ul li.current a{background-image:url(/global/album-slider-arrow-v-green.png);}
.albumSlider-v .button {width: 100px; height:16px;cursor:pointer;margin-left:5px; background:url(/global/album-slider-button-v.png) no-repeat 50% 100%;}
.albumSlider-v .movebackward{background-position: 50% 0;}
.albumSlider-v .textview,.albumSlider-v .textview-bg { width:450px;}

/* 横向布局 */
.albumSlider-h {width:460px;}
.albumSlider-h .fullview{position:relative;}
.albumSlider-h .fullview,
.albumSlider-h .fullview img {width:460px; height:345px;}
.albumSlider-h .fullview img {position:absolute; top:0; left:0;}
.albumSlider-h .button, 
.albumSlider-h .slider{width:auto;height:76px;}
.albumSlider-h .imglistwrap{float:left;height:71px;width:408px;padding-top:5px;margin-right:8px;overflow:hidden;position:relative;}
.albumSlider-h .imglist{position:relative;width:2000px;}
.albumSlider-h .imglist a{width:92px;height:60px;display:block;outline:none;padding:9px 2px 2px;}
.albumSlider-h ul li{float:left;padding:0 3px;}
.albumSlider-h ul li img{width:90px;height:56px;border:1px solid #eee;}
.albumSlider-h.green ul li img { border-color:#a0cc4d;}
.albumSlider-h ul li a:hover,
.albumSlider-h ul li.current a{background:url(/global/album-slider-arrow-h.png) no-repeat 0 0;}
.albumSlider-h.green ul li.current a{background-image:url(/global/album-slider-arrow-h-green.png);}
.albumSlider-h .button {width:16px;height:76px;float:left;background:url(/global/album-slider-button-h.png) no-repeat 100% 50% ;cursor:pointer;}
.albumSlider-h .movebackward{background-position: 0 50%;margin-right:8px;}
.albumSlider-h .textview,.albumSlider-h .textview-bg { bottom:76px;}
