@charset "utf-8";
/*！
  * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/) 
  * Author:ad-gallery
  * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
  * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. 
  * * Version: 1.2.7 * 
  * Demo and documentation: http://coffeescripter.com/code/ad-gallery
 */
.ad-gallery {width: 100%; height: 80vh; background: #eee;}
.ad-gallery, .ad-gallery *{margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {width: 100%; height:66vh;margin-bottom: 10px;position: relative;overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it*/background: url(js/ad-gallery/trans.gif);}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:#ccc;width: 90px;height: 100px;display: block;position: absolute;top: 47%;left: 0;z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image:after{content: '<';display: block;font-size: 65px; color: #000; font-family: monospace !important; font-weight: bold; position: absolute; left: 20px;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:#ccc;width: 90px;height: 100px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image:after{content: '>';display: block;font-size: 65px; color: #000; font-family: monospace !important; font-weight: bold; position: absolute; left: 35px;}
.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 a img {border: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left;width: 100% !important;z-index: 2;background:rgba(0,0,0,0.3);color: #fff;}

* 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:40px;line-height: 30px;padding: 0 20px; background:none; overflow: hidden;}
.ad-gallery .ad-info {font-size: 14px;float: left;}

/*播放*/
.ad-gallery .ad-slideshow-controls {height: 100%;float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {font-size: 14px;padding-left: 5px;line-height: 30px;cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size:14px;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {color: #999;cursor: default;}
.ad-gallery .ad-nav{width: 100%;height:90px; background: #eee; border-radius: 3px; overflow: hidden; 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{height: 100%;cursor: pointer;left: 0;width: 30px; height:100%; display: block;background:#ddd;}
.ad-gallery .ad-back:after{content: '';display: block; width: 0; height: 0; border-style: solid;border-width: 6px 9px 6px 0;border-color:transparent #333 transparent transparent; position:absolute;top:38px; left: 10px;}
.ad-gallery .ad-forward{cursor: pointer;display: block;right: 0px;width: 30px; height:100%; background:#ddd;}
.ad-gallery .ad-forward:after{content: '';display: block; width: 0; height: 0; border-style: solid;border-width: 6px 0 6px 9px;border-color:transparent transparent transparent #333; position:absolute;top:38px; right: 10px;}
.ad-gallery .ad-nav .ad-thumbs{overflow: hidden;width: 100%;height: 100%; margin: 0 30px;}
.ad-gallery .ad-thumbs .ad-thumb-list{height: 100%;float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li{height: 100%;float: left;padding-right: 5px;}
.ad-gallery .ad-thumbs li a{display: block; height: 100%;}
.ad-gallery .ad-thumbs li a img{ height: 100%; 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;}