@charset "utf-8";
/* CSS Document */
.ad-gallery { width: 490px;}
.ad-gallery .ad-image-wrapper{ width:490px; height:276px; margin-bottom:4px;  position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader { 
    position: absolute; z-index: 10; top: 45%; left: 45%; width: 28px; height: 28px; border: 1px solid #ccc; 
}
.ad-gallery .ad-image-wrapper .ad-next {
      position: absolute; right: 0; top: 0;
      width:10%; height: 100%; cursor: pointer; display: block; z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute; left: 0; top: 0;
      width:10%; height: 100%; cursor: pointer; display: block; z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
 }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background:url(ad_prev.png); width: 30px; height: 30px; display: none; 
		position: absolute; top: 45%; left: 0; z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);  width: 30px; height: 30px; right: 0; left: auto;
}

/* 下面是前/后按钮代码 */
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{ 
     background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:101; 
     position:absolute; left:0; top:40%; display:block; width:32px; height:40px; 
	
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{  right:0; left:auto; background-position:8px 5px; }


.ad-gallery .ad-image-wrapper .ad-image {
      width: 490px; height: 276px; position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; 
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute; bottom: 0px; left: 0px;  padding: 7px 0; text-align: center; width: 100%;z-index: 2;
        background: url(opa75.png); color: #fff;
		/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/
}
*html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
 background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; display: none; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px;  cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px; font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic;}
.ad-gallery .ad-nav { width: 100%; position: relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0;  height: 100%;  z-index: 10;}
/* IE 6 doesn't like height: 100% */
*html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px;}
.ad-gallery .ad-back {
      cursor: pointer; left: -20px; width: 13px; display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
      cursor: pointer; display: block; right: -20px; width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden;  width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; }
.ad-gallery .ad-thumbs li { float: left; padding:0 5px 0 0; }
.ad-gallery .ad-thumbs li a {display: block; color: #444;font-family: '微软雅黑';}
.ad-gallery .ad-thumbs li a img {display: block; width: 95px; height: 55px;}
.ad-gallery .ad-thumbs li a.ad-active img {  /*border:1px solid #ccc; */ }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px;}
.ad-image img { width: 490px; height: 276px; }
.ad-gallery .ad-thumbs .text {
    position: absolute;
    top: -270px;
    right: -318px;
    width: 266px;
    height: 280px;
    overflow: hidden;
    line-height: 28px;
    font-size: 16px;
    padding: 25px;
}
.ad-gallery .ad-thumbs li .text {
    display: none;
    line-height: 30px;
	text-indent: 3em;
}
.ad-gallery .ad-thumbs li.ad-active .text {
    display: block;
}