.ad-gallery { padding: 5px 0 !important; width: 100% !important; height: 750px; background: url(/image/sub02/product_view_box.gif) no-repeat 0px 0px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 330px; 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: 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(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 !important; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0;/*
width:550px; height:300px;
*/
}
.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; background: url(opa75.png); color: #000; }
* 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 { display: none; height: 20px; }
.ad-gallery .ad-info { display: none; float: left; }
.ad-gallery .ad-slideshow-controls { float: left; padding: 15px 0 0 100px; }
.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-weight: bold;/*
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) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; padding: 0; width: 100% !important; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 90% !important; list-style: none; left: 0 !important }
.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 #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 1px solid #c4d3e9; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
 @media all and (max-width:767px) {
.ad-gallery{margin:0 0 -250px 0}
 }