.art-detail{ padding: 60px 0;}
.l-content{ width: 850px; float: left;}
.l-content .cn *{ line-height: 2;}
.l-content .title-thumb{ width: 100%; height: 418px; position: relative;}
.l-content .title-thumb .thumb{ display: block; height: 100%; width: 100%;}
.l-content .title{ font-size: 25px; line-height: 1.5; color:#FFF; text-align: left;
 padding: 10px 15px; width: 820px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 999;}
.l-content .hits{ float: right; }
.l-content .hits *{ font-size: 12px; color:#888;}
.l-content .share-box .bdsharebuttonbox{ float: right;}
.l-content .share-box .bs_zan{ display: block; float: right; height:30px; margin:6px; border:1px solid #0069b3;  padding: 0 3px; margin-right: 0; border-radius: 18px;}
.l-content .share-box .bs_zan img{ display: block; height: 20px; float: left; margin: 5px;}
.l-content .share-box .bs_zan span{ display: block; height: 20px; line-height: 20px; font-size: 14px; margin: 5px; float: right; color:#0069b3;}
.l-content .share2-box{border-bottom: 1px solid #E0E0E0; padding: 30px 0 5px 0;}
.l-content .share2-box .bdsharebuttonbox{ float: left;    margin-top: 4px;}
.l-content .share2-box .bs_zan{ float: left;}
.l-content .h1title{ font-size: 24px; font-weight: 400; text-align: center; line-height: 40px; padding: 10px; border-bottom: 1px solid #E0E0E0; color:#0069b3;}
.l-content .cn{padding-top: 10px;}
.l-content img{ max-width: 100%;}
.next-prev{ padding-top: 15px;}
.next-prev a{ display: block; font-size: 12px; line-height: 2;}
@media only screen and (max-width: 768px){
.art-detail{padding: 2%;box-sizing: border-box;}
.l-content{ width: 100%; float: none;}
.l-content .title-thumb{ height: auto;}
.l-content .title-thumb .thumb{ height: auto; }
.l-content .title{ font-size: 16px; line-height: 1.5;  padding: 10px 5%; width: 90%; z-index: 995;}
.l-content .cn{ overflow: hidden;}
}
.back {display: block;width: 80px;height: 36px;line-height: 36px;overflow: hidden;border: 1px solid #DDD;color: #0069b3;font-size: 16px;margin: 20px auto;text-align: center;cursor: pointer;background: #FFF;}
.back:hover {color: #FFF;border-color: #0069b3;background: #0069b3;}

.r-cont{ width: 300px;  float: right;}
.r-cont .rB1{ width:100%; background: #0f9f91; }
.r-cont .rB1 .lo{ width:100%; height: 92px;border-bottom: 1px solid #FEFEFE; }
.r-cont .rB1 img{ display: block; width: 100%; height: 100%;}
.r-cont .rB1 .wx{ width: 176px; height: 176px; padding: 49px 62px; border-bottom:1px solid #FEFEFE}
.r-cont .rB1 .wx2 a{ display: block; float: left; width: 150px; height: 50px; line-height: 50px; text-align: center; color:#FFF;}
.r-cont .rB1 .wx2 .wb{ width: 149px; border-right:1px solid #FEFEFE;}
.r-cont h2{ font-weight: normal; font-size: 20px; color:#0069b3; border-bottom: 1px solid #b7b7b7; background: #dddddd; margin-top: 0px; height: 60px; line-height: 60px; overflow: hidden; width: 100%; text-align: center;}
.rlist{padding: 30px; padding-top: 0; background: #F7F7F7;}
.r-cont li{ border-bottom: 1px dashed #DDD; padding: 10px 0;}
.r-cont h3{ font-weight: normal; font-size: 14px; color:#000; padding: 10px 0;}
.r-cont a:hover *{ color:#0069b3;}
.r-cont li:hover{ background: #F4F4F4;}
.r-cont p{ color:#666; padding: 5px 0;}
.r-cont p.desc{height: 32px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.r-cont p span{ padding-right: 3px; color:#999;}
@media only screen and (max-width: 768px){
.r-cont{ float: none; margin: 20px auto;}
}

.slideBox{ width:850px; padding-top: 20px; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; width: 100%; left: 0; bottom: 0px; text-align: center; overflow:hidden; position:absolute; z-index: 9;  }
.slideBox .hd ul{ zoom:1; }
.slideBox .hd ul li{margin:0px 2px;  width:12px; height:12px; line-height:11px; text-align:center; background:#fff; color:#FFF; cursor:pointer; display: inline-block; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.slideBox .hd ul li.on{ background:#0069b3; color:#0069b3; }
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd li{ width: 100%; height: 125px; zoom:1; vertical-align:middle; }
.slideBox .bd li a{ display: block; width: 100%; height: 100%;}
.slideBox .bd img{ width: 100%; height: 125px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:50%; margin-top:-10px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=20);opacity:0.2;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }