@charset "utf-8";
.mod-data .detail08{ width:100%;}
.mod-data .detail08 .atlas{ width:100%; margin:0 auto;}
.clear {clear:both;}
.clear_fix {zoom:1;}
.clear_fix:after {display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}
/*----------------------视觉焦点详情----------------------*/

.f1{color:#818181;}
.con{margin:0 auto;}
/*背景*/
.piccon-bg{width:100%;margin-top:20px; margin-bottom:20px;}
.pic-tit{margin-bottom:20px;}
/*标题*/
.piccon-tit{font-size:24px;font-weight:bold; width:96%; margin:0 auto 15px; line-height:30px; padding-top:20px;}
/*大图*/
.big-pic{position:relative;text-align:center; width:96%; margin:0 auto;}
.big-pic img{
width:expression(this.width > 950 ? 950 : true);
 width:100%; 
 max-height:738px;
 min-height:625px;
 overflow:hidden;
 }/*不能大于950*/
.pic-left{width:50%;height:100%;position:absolute;left:0;top:0;z-index:100;cursor:pointer;font-size:24px;font-weight:bold;text-align:left;overflow:hidden;background:#fff;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);opacity:0.01;}/*显示的图片区域的左部分，浮在图片上层用于点击,为兼容IE，设置了背景色，透明0.01，要不鼠标指向图片区域会被忽略*/
.pic-right{width:50%;height:100%;position:absolute;right:0;top:0;z-index:100;cursor:pointer;font-size:24px;font-weight:bold;text-align:right;overflow:hidden;background:#fff;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);opacity:0.01;}
#left-btn{
	width:80px;
	height:80px;
	background:rgba(255,255,255,0.3);
	position:absolute;
	top:50%;
	left:0px;
	display:none;
	line-height:80px;
	font-size:40px;
	text-align:left;
	border-bottom-right-radius:50%;
	border-top-right-radius:50%;
	font-family:"宋体","微软雅黑","Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f4b340;
	}
#right-btn{
width:80px;
height:80px;
background:rgba(255,255,255,0.3);
position:absolute;
top:50%;
right:0px;
display:none;
line-height:80px;
font-size:40px;
text-align:right;
border-bottom-left-radius:50%;
border-top-left-radius:50%;
font-family:"宋体","微软雅黑","Trebuchet MS", Arial, Helvetica, sans-serif;
color:#f4b340;
}
/*新闻信息内容  和   当前选中图片/一共多少图片*/
.con_box .picnew-con{
width:95%;
margin:20px auto 0px;
}
.con_box .picnew-con p{
line-height:28px;
font-size:16px;
display:block;
color:#666;
padding-bottom:20px;
text-align:justify;
margin-top:0px;
text-indent:32px;
}
#num_now{font-size:24px;color:#333333;margin-top:20px;}
#num_sum{font-size:24px;margin-top:20px; color:#f08f45;}
.kuohao{color:#333;font-size:24px;margin-top:20px;margin-left:20px;margin-right:2px;}
.kuohao2{color:#333;font-size:24px;margin-top:20px;margin-left:2px;}
.piccon-tit:after{ content:""; display:block; clear:both; margin:0 auto;}
/*缩略图*/
.small-pic{
width:100%; 
margin:10px auto 0px; 
padding-bottom:15px;
position:relative;
}
.small-box{
overflow:hidden;
height:100px;
width:93%;
margin:0 auto;
}
.small-con{width:1000000px;height:100%;float:left}
.small-box ul{margin:0;padding:0;height:100%;float:left; text-align:center;}
.small-box ul li{width:134px;height:100%;float:left;list-style-type:none;}
.small-box ul li span{display:none;}
.small-box ul li p{display:none;}
.small-box ul img{margin-left:4px;margin-top:10px;width:120px;height:80px;border:3px solid #ccc;-moz-border-radius:4px;      /* Gecko browsers */
-webkit-border-radius:4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */
}
.left-btn{
width:28px;
height:80px;
font-size:24px;
line-height:80px;
border:1px solid #ccc;
text-align: left;
text-indent:-5px;
position:absolute;
left:10px;
top:12px;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
color:#666;
}
.left-btn:hover{background:#f0a741;color:#fff; border:1px solid #f0a741;}
.right-btn{
width:28px;
height:80px;
font-size:24px;
line-height:80px;
border:1px solid #ccc;
text-indent: 10px;
position:absolute;
right:10px;
top:12px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
color:#666;
}
.right-btn:hover{background:#f0a741;color:#fff;border:1px solid #f0a741;}
.atlas_box{font-weight:bold;margin:10px 10px;}
.right_atlas{float:right;}
.left_atlas{float:left;}
.clear_fix{clear:both;height:2px;}
.con_box{ width:100%; background:#fff; border-radius:8px;}
.atlas .piccon-bg .con_box .pic-tit{ width:100%;}
.atlas .piccon-bg .con_box .pic-tit:after{ content:"" ; display:block; margin:0 auto; clear:both;}
.big-pic:after{ content:"" ; display:block; margin:0 auto; clear:both;}
.con_box:after{ content:"" ; display:block; margin:0 auto; clear:both;}
.times_box svg.icon {
    display: inline-block;
    margin-right: 4px;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
}
.times_box span.times {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    height: 24px;
    display: inline-block;
}
.con_box .atlas_box a:hover{color:#f0a741;}
.atlas_box a{ color:#666;}
@media(max-width:768px){
.atlas .piccon-bg .con{ border-radius:6px;}	
.atlas .piccon-bg .con_box .pic-tit{ float:none; padding-top:15px; margin-bottom:15px;}
.piccon-tit{ width:92%; float:none; height:auto; line-height:24px; font-size:16px; margin:0px auto; padding-top:5px;}
.kuohao{ font-size:16px; margin-top:0px; margin-left:10px;}
#num_now{font-size:16px; margin-top:0px;}
#num_sum{font-size:16px; margin-top:0px;}
.kuohao2{font-size:16px; margin-top:0px;}
.big-pic{ width:100%;}
.con_box .picnew-con{ width:92%; margin-top:15px;}
.con_box .picnew-con p{ font-size:13px; padding-bottom:10px; text-indent:26px; line-height:26px;}
.big-pic img{ max-height:inherit; min-height:inherit; height:461px;}
.con_box{ border-radius:6px;}
.atlas_box{ font-size:14px; line-height:20px; margin-bottom:5px;}
.small-pic{ padding-bottom:0px; margin-top:0px;}
.left-btn{background:#f0a741;color:#fff; border:1px solid #f0a741; font-size:18px; left:0px; width:20px; height:70px; line-height:70px; top:2px;}
.right-btn{background:#f0a741;color:#fff; border:1px solid #f0a741; font-size:18px;right:0px; width:20px; text-indent:5px;height:70px; line-height:70px; top:2px;}
.piccon-bg{ margin:15px auto 10px;}
.small-box{width: 94%; height:70px;}
.small-box ul li{ width:120px;}
.small-box ul img{ border-radius:2px; margin-top:0px; margin-left:2px; width:110px; height:70px;}
}
@media(max-width:720px){
.big-pic img{ height:431px;}
.small-box{width: 94%;}	
}
@media(max-width:680px){
.big-pic img{ height:406px;}
.small-box{width: 93%;}	
}
@media(max-width:640px){
.big-pic img{ height:381px;}
.small-box{width: 93%;}	
}
@media(max-width:620px){
.big-pic img{ height:368px;}
.small-box{width: 93%;}	
}
@media(max-width:580px){
.big-pic img{ height:343px;}
.small-box{width: 92%;}	
}
@media(max-width:540px){
.big-pic img{ height:318px;}
.small-box{width: 92%;}	
}
@media(max-width:520px){
.big-pic img{ height:306px;}
.small-box{width: 91%;}	
}
@media(max-width:480px){
.big-pic img{ height:281px;}
.small-box{width: 91%;}	
}
@media(max-width:414px){
.big-pic img{ height:240px;}
.small-box{width: 89%;}	
}
@media(max-width:412px){
.big-pic img{ height:238px;}
.small-box{width:89%;}	
}
@media(max-width:411px){
.big-pic img{ height:238px;}
.small-box{width: 89%;}	
}
@media(max-width:375px){
.big-pic img{ height:215px;}
.small-box{width:88%;}	
}
@media(max-width:360px){
.big-pic img{ height:206px;}
.small-box{width: 87%;}	
}
@media(max-width:320px){
.big-pic img{ height:181px;}
.small-box{width:86%;}	
}