.example { border: 1px solid #CCC; background: #f2f2f2; padding: 10px; }
#gallery {}
#descriptions { position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden; }
#descriptions .ad-image-description { position: absolute; }
#descriptions .ad-image-description .ad-description-title { display: block; }

.ad-gallery { width:761px; clear:both;}
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width:761px; height: 350px; margin-bottom: 40px; position: relative; }
.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: 100px; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 100px; 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{ background: url(../images/garden_movebtn4.png); width: 24px; height: 38px; display: none; position: absolute; top: 47%; left: 0px; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/garden_movebtn3.png); width: 24px; height: 38px; display: none; position: absolute; top: 47%; right:0px; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; 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: -30px!important; left: 0px; padding: 0px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description span { display:none!important;}
* 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; text-align:center; font-size:16px; font-family:微软雅黑; color:#73a8df; font-weight:normal; width:100%; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ad-gallery .ad-controls { height: 5px; 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{ width: 100%; position: relative; }
.ad-nav { width:720px; position: relative; margin-left:20px; height:70px; padding-top:8px; padding-bottom:12px; border-top:1px solid #c2e0f3; border-bottom:1px solid #c2e0f3;}
.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; top:25px; width: 20px; height:37px; display: block; background: url(../images/garden_movebtn1.gif) 0px 0px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: 20px; top:25px; width: 20px; height:37px; background: url(../images/garden_movebtn2.gif) 0px 0px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width:590px; margin-left:70px; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; width:102px; height:70px; padding-right:22px; }
.ad-gallery .ad-thumbs li a { display: block; width:102px; height:70px; }
.ad-gallery .ad-thumbs li a img { border:none; display: block; width:98px; height:61px; padding-top:7px; padding-left:2px; }
.ad-gallery .ad-thumbs li a.ad-active{ border:none; background:url(../images/garden_spicon.gif) left top no-repeat; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }

.gallery_intro { padding:15px 40px 0px; font-family:微软雅黑; line-height:22px;}
.gallery_intro p { font-family:微软雅黑; line-height:22px; text-indent:2em;}