﻿/* ================================ */
.ad-gallery { margin: auto auto; padding: 0px; overflow:hidden; }
  .ad-gallery .ad-image-wrapper{ position:absolute; z-index:2;}
    .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: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* www.codefans.net */
      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(images/ad_prev.gif); */
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 99;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        /* background: url(images/ad_next.gif); */
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute; width:100%; height:100%;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
	.ad-gallery .ad-image-wrapper .ad-image img{ width:100%; height:100%;}
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        color: #000;
      }
	  

	  
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
           display: none;/* 不隐藏，可在大图下出现标题 */ 
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left; overflow:hidden;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right; overflow:hidden;
    }
      .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-forward, .ad-gallery .ad-back {
      position: absolute;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
       left:100;
    }
    .ad-gallery .ad-back {
	cursor: pointer;
	left: -20px;
	top: 40px;
	width: 13px;
	height: 26px;
	overflow: hidden;
	/*background-image: url(images/l.png);
	background-repeat: no-repeat;*/
    }
    .ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right:-20px;
	top:40px;
	width: 13px;
	height:26px;
	/*background-image: url(images/r.png);
	background-repeat: no-repeat;*/
    }
/*  .ad-gallery .ad-nav {
     position:absolute; z-index:4; width:722px; bottom:90px; margin-left:30%;
  }*/
	.ad-nav { background-image:url(../../images/img/ad-navLine.png); background-repeat:no-repeat; position:absolute; width:1px; height:868px; margin-left:0px; top:2%; right:88px; z-index:99;}

    .ad-gallery .ad-nav .ad-thumbs {
		width:17px; margin-top:280px; position:relative;/* width:47%;  */ 
    }
		
      .ad-gallery .ad-thumbs .ad-thumb-list {
       list-style: none; height:auto; overflow:hidden;
      }
	  .ad-gallery .ad-thumbs .ad-thumb-list li{ margin:45px 0px; border:none;
		overflow:hidden;width:17px; height:17px; text-align:center; /* height:100px;  padding-right:4px; padding-left:4px;*/ 
	}
	.ad-gallery .ad-thumbs li a{ display:block; width:17px; height:17px; }
	.ad-gallery .ad-thumbs li a img{ display:block; position:absolute; z-index:100; right:8px; width:17px; height:17px; }
	.ad-gallery .ad-thumbs li a.ad-active img{ background-image:url(../../images/img/on.png); z-index:101;}
			
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}