@charset "utf-8";/* CSS Design By iLank,www.ilank.cn*/
/* CSS Reset */
body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;color:#fff;line-height:140%;background:#000}
select,input,textarea{font-size:1em}
body{font-size:70%;margin:0;padding:0}
h2{margin-top:1.2em;margin-bottom:0;border-bottom:1px dotted #dedede;padding:0}
h3{margin-top:1.2em;margin-bottom:0;padding:0}
.example{border:1px solid #CCC;background:#f2f2f2;padding:10px}
ul{list-style-image:url(list-style.gif)}
pre{font-family:"Lucida Console", "Courier New", Verdana;border:1px solid #CCC;background:#f2f2f2;padding:10px}
code{font-family:"Lucida Console", "Courier New", Verdana;margin:0;padding:0}
#gallery{padding:0 30px}

/* main */
.ad-gallery{width:600px}
.ad-gallery,.ad-gallery *{margin:0;padding:0}
.ad-gallery .ad-image-wrapper{width:100%;height:400px;margin-bottom:10px;position:relative;overflow:hidden}
.ad-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:10;top:48%;left:48%}
.ad-gallery .ad-image-wrapper .ad-next{position:absolute;right:0;top:0;width:25%;height:100%;cursor:pointer;display:block;z-index:100;background:url(opa75.png) no-repeat 0 -10px}
.ad-gallery .ad-image-wrapper .ad-prev{position:absolute;left:0;top:0;width:25%;height:100%;cursor:pointer;display:block;z-index:100;background:url(opa75.png) no-repeat 0 -10px}
.ad-gallery .ad-image-wrapper .ad-prev,.ad-gallery .ad-image-wrapper .ad-next{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:47%;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-image{position:absolute;overflow:hidden;top:0;left:0;z-index:9}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0;left:0;text-align:left;width:100%;z-index:2;/*background:url(opa75.png);*/color:#ccc;padding:7px}
.ad-image-description span{display:none}/*100520+ */
.ad-image-description strong{font-weight:400}/*100520+*/
* 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-controls{height:20px}
.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) 0 22px no-repeat}
.ad-gallery .ad-forward{cursor:pointer;display:block;right:-20px;width:13px;background:url(ad_scroll_forward.png) 0 22px no-repeat}
.ad-gallery .ad-nav .ad-thumbs{overflow:hidden;width:100%}
.ad-gallery .ad-thumbs .ad-thumb-list{float:left;width:9000px;list-style:none}
.ad-gallery .ad-thumbs li{float:left;padding-right:5px}
.ad-gallery .ad-thumbs li a img{border:3px solid #CCC;display:block}
.ad-gallery .ad-thumbs li a.ad-active img{border:3px solid #616161}
/* Can't do display none, since Opera won't load the images then  */
.ad-preloads{position:absolute;left:-9000px;top:-9000px}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title,.ad-gallery .ad-thumbs li a{display:block}