@charset "utf-8";
/* CSS Document */

/*相册效果*/
#gallery { padding:30px 0; margin:auto;}
#descriptions {position: relative;height: 50px;background: #EEE;margin-top: 10px;width: 725px;padding: 10px;overflow: hidden;}
    #descriptions .ad-image-description {position: absolute;}
      #descriptions .ad-image-description .ad-description-title {display: block;}
.ad-gallery { width: 700px;}
  .ad-gallery .ad-image-wrapper { width: 100%; height:500px;  margin-bottom: 10px;position: relative; overflow: hidden;border:solid 1px #aaa;}
    .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 {/* 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(../images/ad_prev.png) 0 0 no-repeat;width:40px;height:60px;display: none;position: absolute;top:45%;left:20px;z-index: 101;}
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png) 0 0 no-repeat;width: 40px;height:60px;right:20px;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 .ad-description-title {display: block;}
  .ad-gallery .ad-controls { height: 35px; line-height:35px;}
    .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:650px;position: relative; left:26px;}
    .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: 114px;}
    .ad-gallery .ad-back {cursor: pointer;left:-26px;width:24px;display: block;background: url(../images/ad_scroll_back.png) no-repeat;}
    .ad-gallery .ad-forward {cursor: pointer;display: block;right:-26px;width:24px;background: url(../images/ad_scroll_forward.png) 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 .ad-thumb-list img{ height:110px;}
        .ad-gallery .ad-thumbs li {float: left;padding-right: 5px;}
          .ad-gallery .ad-thumbs li a {display: block;}
            .ad-gallery .ad-thumbs li a img {border: 1px solid #aaa;display: block; padding:1px;}
            .ad-gallery .ad-thumbs li a.ad-active img {border: 1px solid #aaa;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px;}