/* Create:2012-3-21 for   */
/* = Public Styles */


/*slide-show幻灯切换*/
ul#demo-block { margin:0 15px 15px 15px; }
ul#demo-block li { margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a { color:#eee; font-weight:bold; }
.tb_box{ width:540px; height:405px; margin:0 auto;}
.slide-show { width:540px; height:320px; position:relative; overflow:hidden;}
#slide-box { width:540px; height:320px; position:relative;  background:#f2f2f2;z-index:10; margin:0 auto;}
.slide-thumb { width:540px; height:75px; margin-top:10px; position:relative ; z-index:20; overflow:hidden;}
.tb-slide p { background:#4c4c4c; padding:15px 25px; font-size:14px; font-family:"微软雅黑"; color:#fff;zoom:1 }
.quality_new { display:block; position:relative; left:0; top:0; overflow:hidden; z-index:999; height:320px; width:450px; margin:0 auto;  }
.quality_new li{width:450px !important;position:absolute;z-index:0;}
.quality_new img{ border:none; height:320px; width:450px;}

/*幻灯默认容器样式*/
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(nav-bg.png) repeat-x; position:absolute; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }
#navigation { float:right; margin:0px 20px 0 0; }
#play-button { float:left; margin-top:1px; border-right:1px solid #333; background:url(bg-hover.png) repeat-x 0 44px; }
#play-button:hover { background-position:0 1px; cursor:pointer; }
#prevslide, #nextslide { position:absolute; height:38px; width:44px; top:180px; margin-top:-20px; opacity:0.6;background:url(../images/arrow.png); }


#prevslide { left:0px; background-position:left top;}
#nextslide { right:0px;background-position:right top;}
#prevslide:active, #nextslide:active { margin-top:-19px; }
#prevslide:hover, #nextslide:hover { cursor:pointer; }


/* Thumbnail Tray----------------------------*/			
ul#thumb-list { display:inline-block; list-style:none; position:relative; top:0;left:0px; padding:0 0px; width:100000px; overflow:hidden; margin:0;}
ul#thumb-list li { list-style:none; display:inline; border:3px solid #fff; margin:0 2px; width:115px; height:65px; overflow:hidden; float:left; }
ul#thumb-list li img { width:115px; height:65px;}
ul#thumb-list li:hover { cursor:pointer; }
ul#thumb-list li.current-thumb{ border-color:#04b5ff; background:#fff}

#thumb-tray { bottom:0; height: 100px; overflow: hidden; padding: 0 18px; width: 860px; z-index: 3;text-align:left}
#thumb-back, #thumb-forward { background:url(../images/arrow.png) no-repeat scroll 0 0 transparent; height:75px; position: absolute; top: 0; width: 18px; z-index: 5;}
#thumb-back { background-position: left -70px; left: 0; top:0px;}
#thumb-forward { background-position: right -70px;right: 0; top:0px;}