/* 缩略图轮换 */
.thumbnail-slider { position:relative; }
.thumbnail-slider .thumb-list { width:100%; height:100%; overflow:hidden; }
.thumbnail-slider .thumb-item .img-wrap { opacity:0.5; filter:alpha(opacity=50); cursor:pointer; }
.thumbnail-slider .thumb-item .img-wrap:hover { opacity:1; filter:alpha(opacity=100); }
.thumbnail-slider .active-thumb .img-wrap { opacity:1; filter:alpha(opacity=100); }
.thumbnail-slider .thumb-item .img-wrap { overflow:hidden; width:100%; height:100%; }
.thumbnail-slider .prev-btn,
.thumbnail-slider .next-btn { position:absolute; }
.thumbnail-slider.vertical ol { width:100%; }
.thumbnail-slider.vertical .thumb-item { width:100%; height:100px; margin:4px 0; }
.thumbnail-slider.horizontal ol { display:inline-block; letter-spacing:-0.31em; *letter-spacing:normal; *word-spacing:-0.43em; white-space:nowrap; }
.thumbnail-slider.horizontal .thumb-item { display:inline-block; *display:inline; zoom:1; letter-spacing:normal; word-spacing:normal; vertical-align:top; }
.thumbnail-slider.horizontal ol { height:100%; }
.thumbnail-slider.horizontal .thumb-item { height:100%; width:100px; padding-left:3px; padding-right:3px; }
.thumbnail-slider .prev-btn,
.thumbnail-slider .next-btn { background-color:#333; color:#fff; font-size:18px; }
.thumbnail-slider .prev-btn:hover,
.thumbnail-slider .next-btn:hover { background-color:#666; }
.thumbnail-slider.horizontal { height:100%; }
.thumbnail-slider.vertical { width:100%; }
.thumbnail-slider.vertical .prev-btn,
.thumbnail-slider.vertical .next-btn { width:100%; text-align:center; cursor:pointer; }
.thumbnail-slider.vertical .prev-btn { top:0; left:0; }
.thumbnail-slider.vertical .next-btn { bottom:0; left:0; }
.thumbnail-slider.horizontal .prev-btn span,
.thumbnail-slider.horizontal .next-btn span { width:0; height:100%; display:inline-block; vertical-align:middle; }
.thumbnail-slider.horizontal .prev-btn,
.thumbnail-slider.horizontal .next-btn { width:30px; height:100%; cursor:pointer; text-align:center; }
.thumbnail-slider.horizontal .prev-btn { top:0; left:0; }
.thumbnail-slider.horizontal .next-btn { top:0; right:0; }
/* 垂直布局时，可以添加一个class "mode1" 使图片的宽高比为1:1 */
.thumbnail-slider.vertical.mode1 .thumb-item { position:relative; height:auto; }
.thumbnail-slider.vertical.mode1 .thumb-item:before { content:""; display:block; padding-top:100%; }
.thumbnail-slider.vertical.mode1 .thumb-item .img-wrap { position:absolute; width:auto; height:auto; top:4px; bottom:0; left:0; right:0; background-color:#eee; border:1px solid #ddd; box-sizing:border-box; }