/* CSS Document */
.photo{ width:100%; height:100%; position:fixed; top:32px; left:0; right:0; bottom:0; z-index:1000; background:#000;}
.photo_l{ /*position:absolute; right:320px; left:0; top:30px; bottom:0; background:#000000;*/}
.photo_r{ position:absolute; right:0; top:0; width:320px; background:#2b2b2b; overflow-y:auto; height:100%;}


.mod_photo{width:100%;position:relative;}
.mod_photo .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod_photo #prev{left:0px;/*background:url(/images/prevBtn.png) no-repeat;*/ background:url(/images/prav.png) #aaa center center no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.mod_photo #prev:hover{ background:url(/images/prav.png) #666 center center no-repeat;}
.mod_photo #prevTop,.mod_photo #nextTop{/*top:361px;height:48px;*/width:50px;  top:300px; height:50px;}
.mod_photo #prev,.mod_photo #next{top:678px;width:30px;height:110px;}
.mod_photo #prevTop{left:0px;background:url(/images/prav.png) #f60 center center no-repeat;opacity: 0.3;/*background:url(/images/l20.png) left 308px no-repeat;*/}
.mod_photo #nextTop{right:0px;background:url(/images/next.png) #f60 center center no-repeat;opacity: 0.3;/*background:url(/images/r20.png) right 308px no-repeat;*/}
.mod_photo #prevTop:hover{background:url(/images/prav.png) #f30 center center no-repeat;opacity: 0.9;}
.mod_photo #nextTop:hover{background:url(/images/next.png) #f30 center center no-repeat;opacity: 0.9;}
.mod_photo #next{right:0px;/*background:url(/images/nextBtn.png) no-repeat;*/  background:url(/images/next.png) #aaa center center no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.mod_photo #next:hover{ background:url(/images/next.png) #666 center center no-repeat;}
.mod_photo li{float:left;}
.mod_photo .picBox{ width:100%; height:617px;/* padding-left:75px; padding-right:76px; padding-top:10px;*/position:relative;overflow:hidden; /*background:#000000;*/}
.mod_photo .cf li{position:relative;color:#fff;}
.mod_photo .cf a{/*display:block;*/width:100%;height:600px;/*position:absolute;*/color:#fff; vertical-align:middle;}
.mod_photo .cf li span{display:block;width:100%;position:absolute;left:0;bottom:0;padding:10px 0; text-indent:10px;line-height:22px;text-align:left;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000"); font-size:14px; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,'宋体';}
.mod_photo .cf li i{ font-size:16px; font-weight:bolder; color:#FF0000; font-style:normal; margin-left:2px; margin-right:8px;} 
.mod_photo .picBox ul{height:600px;position:absolute; left:0;}
.mod_photo .picBox li{/*padding-left:75px;width:900px; padding-right:1px; */height:600px; 
 position:relative;  
 
}
.mod_photo .picBox li img{/*max-width: 100%;max-height: 100%;*/vertical-align:middle;
 position:absolute; left:50%; top:50%; max-width:100%; max-height:100%;
   -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);}

.mod_photo .listBox{height:110px;margin:0 auto;position:relative; padding:5px 0; margin:0 40px;overflow:hidden;}
.mod_photo .listBox ul{height:110px;position:absolute; /*padding-left:12px;*/}
.mod_photo .listBox li{width:110px;height:110px; padding:0 12px 0 0;cursor:pointer; }
.mod_photo .listBox li div{ border:1px solid #ccc;display:block;text-align:center;width:104px;height:104px; padding:2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.mod_photo .listBox li i{display:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.mod_photo .listBox li a{ display:block; text-align:center;width:104px;height:104px;position:relative;  }
.mod_photo .listBox img{ position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; vertical-align:middle; line-height:58px;  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);}
.mod_photo .listBox li.on div{border:1px solid #f60;}
.mod_photo .listBox li.on a{ /*background:url(/images/img_bg.jpg) center top no-repeat;*/}
.mod_photo .listBox .on i{display:block;}
.left { width:1051px; float:left; padding-bottom:34px; background:#000;}
.left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}


/*右边*/
.photo_r_1{ width:260px; height:72px; padding:15px 30px;}
.photo_r_1_1{ width:72px; height:72px; float:left;}
.photo_r_1_1 img{ width:72px; height:72px; -moz-border-radius: 36px;-webkit-border-radius: 36px;border-radius:36px;}
.photo_r_1_2{ width:175px; height:72px; float:right; color:#999;}
.photo_r_1_2 a{ color:#999;}
.photo_r_1_2_a_1{ width:115px; height:30px; float:left; line-height:30px; overflow:hidden;}
.photo_r_1_2_a_2{ width:60px; height:30px; float:left; line-height:30px; overflow:hidden; text-align:left;}
.photo_r_1_2_b{ margin-top:10px; width:165px; padding:0 5px; background:#666; color:#aaa; height:28px; line-height:28px; overflow:hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; font-size:12px; font-family:"宋体"; }

.photo_r_2{ width:100%; height:40px; background:#666; text-align:center;}

.photo_r_2 a{ display:inline-block; height:30px; line-height:30px; font-size:12px; width:72px; text-align:center; background:#333; color:#ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; margin:0 auto; margin-top:5px; }
.photo_r_2 a.guanzhu1{ color:#fff; font-weight:bolder; background:#000;}

.photo_r_3{ width:320px; padding:15px 0; color:#bbb;}
.photo_r_3_1{ font-size:16px;width:300px; padding:0 10px;}
.photo_r_3_2{ font-size:12px; color:#999; line-height:20px;width:300px; padding:0 10px;}
.photo_r_3_3{ font-size:14px; line-height:22px;word-wrap:break-word; word-break:break-all;background:#333;width:300px; padding:10px; }
.photo_r_3_3 img{ max-width:300px;}
.photo_r_3_4{ margin-top:10px;width:300px; padding:0 10px; }
.photo_r_3_4 a{ display:inline-block; background:#444; color:#ccc; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; padding:2px 6px; margin-right:6px; font-size:12px;}
.photo_r_3_5{ text-indent:10px; margin-top:15px; font-size:12px; color:#999;}
.photo_r_3_5 span{ color:#999; margin-left:20px;}
.photo_r_3_5 span a{ color:#999;}
.photo_r_3_5 span a.shoucangzuopin2{ color:#fff;}