﻿/* 图片-子列表页 */
#picChildList{}
#picChildList .picList{overflow:hidden;height:100%;margin:10px 0 0 0;  }
#picChildList .picList li{float:left;width:168px;height:155px;display:inline;   }
#picChildList .picList li .title{margin:4px 0 0 0; }

/* 图片-父列表页 */
#picParentList{}
#picParentList .boxLoop{margin:0; }
#picParentList .boxLoop .boxPage{width:100%; }
#picParentList .boxLoop .boxPage .hd{background:url(images/detailTitBg.png) no-repeat 0px 0px; height:50px; }
#picParentList .boxLoop .boxPage .hd h3{padding:0;margin:0 0 0 50px;height:40px;line-height:40px;    }
#picParentList .boxLoop .boxPage .hd .more{margin-top:10px;}
#picParentList .boxLoop .boxPage .bd{padding:15px 0 0 0 ;height:auto;  }
#picParentList .picList{overflow:hidden;height:100%; }
#picParentList  .picList li{float:left;width:160px;height:145px;   }
#picParentList  .picList li .title{margin:4px 0 0 0; }

/* 图片-内容页 */
#picDetail{}
#picDetail .img-tit{text-align:left; position:relative; height:40px;background:#f8f8f8;border:1px dotted #ddd;}
#picDetail .img-tit h2{font-size:14px;font-weight:bold;margin:0 0 0 10px;height:40px;line-height:40px;color:#21569e;   }
#picDetail .img-tit span{position:absolute; right:10px;top:10px; }
#picDetail .authorMeta{margin:10px 0;background:#f3f3f3;text-align:center; border-bottom:1px solid #d8d8d8;height:25px;line-height:25px;    }
#picDetail .authorMeta span{margin:0 8px; }
#picDetail .picInfo {padding:5px; }
#picDetail .picInfo .hd{font-weight:bold;font-size:14px;height:35px; }
#picDetail .picInfo .bd{margin:0 0 20px 0; padding:0 15px; }
#picDetail .picInfo .bd p{margin:0 0 10px 0; }

/*  */
#gallery {margin:auto;width:722px;  }
#descriptions {position: relative;height: 50px;background: #000;margin-top: 10px;width: 480px;padding: 10px;overflow: hidden;}
#descriptions .ad-image-description {position: absolute;background:#000; }
#descriptions .ad-image-description .ad-description-title {display: block;color:#fff;}
.ad-gallery {width: 680px; position:relative;}
.ad-gallery, .ad-gallery * {margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {width: 99.5%;padding:10px;float:left;display:inline;  height: 480px;margin: 10px 0;padding:0 !important;position: relative;overflow:hidden;background:#fff; z-index:80;}
.ad-gallery .ad-image-wrapper-txt{ letter-spacing:0.1em; text-align:left; font-size:12px; padding:0 20px; line-height:20px;color:#999; text-indent:30px;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 50%;height: 100%;cursor:
pointer;display: block;z-index:9999;overflow:hidden;background:url(images/icons.gif)}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 50%;height: 100%;cursor:
pointer;display: block;z-index:9999; overflow:hidden;background:url(images/icons.gif)}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */ overflow:hidden;zoom:1;}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:#333 url(images/ad_prev2.png)
center center no-repeat; border:1px solid #666;width: 40px;height: 40px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:#333 url(images/ad_next2.png) center center  no-repeat; border:1px solid #666;width:
40px;height: 40px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;zoom:1;}
.ad-gallery .ad-image-wrapper .ad-image a{ z-index:-1;}
.ad-gallery .ad-image-wrapper .ad-image a img { z-index:0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding:0 7px;text-align: left;width:
100%;z-index: 2;color: #000; font-size:12px; line-height:30px; font-weight:normal;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;background:#000; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;color:#fff;}
.ad-gallery .ad-controls {clear:both;height: 30px;color:#333;}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float:right; height:23px;line-height:23px;padding:0 10px;  margin:0 0 10px 0;background:#0067A3; color:#b0d5f9;  }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;padding:0 
4px;display:inline-block; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: pointer;color:#b0d5f9;}

/* ad-nav */
.ad-gallery .ad-nav {width: 99.5%;position: relative;background:url(images/bg01.png) repeat-x 0px 0; height:110px; overflow:hidden;border:1px solid #d8d8d8; }
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;}
#gallery .ad-image-wrapper .ad-image p.ad-description span{ display:none;}
/* 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: 10px; height:130px; width: 30px;display: block;background: url(images/ad_prev.png) 0px 40px no-repeat;}
.ad-gallery .ad-forward { height:130px;cursor: pointer;display: block;right: 10px;width: 30px;background: url(images/ad_next.png) 0px 40px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width:550px; margin:0px 40px 0 40px;padding:15px 0 0 0; line-height:140%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li {float: left;display:inline;padding:0 2px; overflow:hidden;}
.ad-gallery .ad-thumbs li a {display: block; height: 85px; width:107px; }
.ad-gallery .ad-thumbs li a img {border: 2px solid #C5D6CA; width:100px;display: block; height:75px;}
.ad-gallery .ad-thumbs li a:hover img{border:2px solid #333; }
.ad-gallery .ad-thumbs li a.ad-active img {border:2px solid #676767;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}


.img_tit{}
