﻿.photo-channel{margin-top:10px;}
/*图片内容*/
.photo-channel #Article .tool{ position:relative; height:35px; padding-top:6px}
.photo-channel #Article .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next{background: url(http://www.cbstianchi.com/u/minisite/common/images/v9/up-next.png) no-repeat; height:27px; width:31px;margin-right:10px; overflow:hidden; line-height:27px; display:inline-block;}
.photo-channel #Article .tool .auto span,.photo-channel .tool .up span,.photo-channel .tool .next span{ visibility:hidden}
.photo-channel #Article .tool .auto{background-position: -39px top;}
.photo-channel #Article .tool .next{background-position: -78px top;}
.photo-channel #Article .Article-Tool{ position:absolute; right:0; border:none; background:none; font-size:12px; font-weight:normal}
.photo-channel #Article .tool .stat{ color:#999;}
.photo-channel #Article .big-pic{ text-align:center; padding:10px 0; background-color:#fafcfe; position: relative}
.photo-channel #Article .big-pic #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden;*font-size:480px; width:896px; height:450px}
.photo-channel #Article .big-pic .max{ position:absolute; bottom:0px; right:0px;background: #FFF url(http://www.cbstianchi.com/u/minisite/common/images/v9/max.png) no-repeat 5px center; z-index:101; padding:5px 5px 5px 20px}
/*大图样式*/
.PicSBtn_L, .PicSBtn_R {
    cursor: pointer;
    height: 336px;
    position: absolute;
    top: 0;
    width: 265px;
    z-index: 2;
}
.PicSBtn_R {
    background: rgba(0, 0, 0, 0) url("/skin/shu/images/img2014/PicSBtn_R.png") no-repeat scroll 216px 132px;
    right: 0;
}
.PicSBtn_R:hover {
    background: rgba(0, 0, 0, 0) url("/skin/shu/images/img2014/PicSBtn_RC.png") no-repeat scroll 216px 132px;
}
.PicSBtn_L {
    background: rgba(0, 0, 0, 0) url("/skin/shu/images/img2014/PicSBtn_L.png") no-repeat scroll  5px 132px;
    left: 0;
}
.PicSBtn_L:hover {
    background: rgba(0, 0, 0, 0) url("../images/img2014/PicSBtn_LC.png") no-repeat scroll  5px 132px;
}
/*大图样式*/
.photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
.photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
.photo_prev a,.photo_next a{display:block; width:100%; height:100%; outline:none;}
.photo-channel #Article .text{
	border:1px solid #ddd;
	background-color:#f3f3f3;
	zoom:1;
	margin-bottom:10px;
	clear: both;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 20px;
}



#Article .PicS_small {
    float: right;
    width: 80px;
}
#Article .PicS_smallUl li {
    cursor: pointer;
    height: 60px;
    overflow: hidden;
    padding-bottom: 12px;
    position: relative;
    width: 80px;
    z-index: 2;
}
#Article .cont {
    height: 432px;
    overflow: hidden;
    position: relative;
    width: 110px;
    z-index: 2;
}
#Article .PicS_smallUl .Cur_Small .SmallBg {
    display: none;
}
#Article .PicS_smallUl {
    position: absolute;
    z-index: 2;
}
#Article .SmallBg {
    background: #000 none repeat scroll 0 0;
    height: 60px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 80px;
}



 .cont1{overflow:hidden; float: left; width:110px; height:432px; margin-top:10px;}
 .cont1 li{ float:left; width:110px; text-align:center; display:block; overflow:hidden}
 .cont1 li .img-wrap{width:100px; height:75px; margin:auto 0;}
 .cont1 li .img-wrap img{width:100px;height:80px;}
 .cont1 li .img-wrap a{*font-size:55px;width:100px; height:80px;outline: medium none;}
 .cont1 li.on .img-wrap{ border:2px solid #ffb017;height:76px;}
 .cont1 li.on .img-wrap img{width:100px;height:75px;}
 
 .details_Pic{width:670px;float:left;}
.details_Title{padding:5px 5px;border:1px solid #e5e5e5;}
.details_Title h1{font-size:24px; font-family: "微软雅黑";height: 32px;line-height:32px;padding-bottom:10px;}
.details_TitleUl li{height:28px;line-height:28px;overflow:hidden;float:left;width:50%;}
.details_TitleUl .TitleBtn{margin-right:10px;border:1px solid #289adb;display:inline-block;padding:2px 5px;border-radius:4px;line-height:14px;height:14px;}
.details_TitleUl_indentified span{margin-right:10px;border:1px solid #289adb;display:inline-block;padding:2px 5px;border-radius:4px;line-height:14px;height:14px; font-size:12px; font-family:"宋体"}   /*2015-03-05*/
.details_TitleUl_indentified{ line-height:30px;vertical-align:2px;}/*2015-03-05*/
 
 .PT10{padding-top:5px;}.PB10{padding-bottom:5px;}.PL10{padding-left:5px;}.PR10{padding-right:5px;}
 .PicS_big{width:530px;float:left;position:relative;z-index:2;height:336px;overflow:hidden;}




/*小图样式*/
.PicS_small{width:110px;float:right;background: #f3f3f3 none repeat scroll 0 0;}
.PicS_smallUl li{position:relative;z-index:2; cursor: pointer;/*filter:alpha(opacity=80);opacity:0.80;background:#000;*/height:80px;width:110px;overflow:hidden;}
.cont{position:relative;z-index:2;width:110px;height:295px;overflow:hidden;}
.PicS_smallUl .Cur_Small .SmallBg{display:none;}
.PicS_smallUl{position:absolute;z-index:2;}
.SmallBg{width:80px;height:60px;background:#000;filter:alpha(opacity=70);opacity:0.70;position:absolute;top:0;left:0;}

/*picture-content css*/
.pic-title{ margin: 0 auto; width: 1000px; height: 79px; border-bottom:1px solid #3F3F3F; overflow:hidden; }
.f20{ font-size:20px;}
.pic-cnt{ height:650px; padding-top:20px;overflow: hidden;}
.picture{ height:600px; width:950px; padding:0px 25px;overflow: hidden;}
.picture_left{ width:44px; height:88px; margin-top:251px;overflow: hidden;}
.picture_left .left,.picture_left .right { float: left; width: 44px; height: 88px; text-indent: -100px; overflow: hidden}
.picture_left .left { background: url("../images/left.jpg")}
.picture_left .right { background: url("../images/right.jpg")}
.picture_left a:hover{text-decoration: none;}
.picture_center{ height:600px; width:820px; padding:0px 20px; position:relative; overflow:hidden; }
.picture_center .i{width:820px;height:60px; padding:5px 20px; line-height:22px; text-indent:2em;text-align:left;position:absolute;left:0px;bottom:0px;overflow:hidden;}
.picture_center .m{width:820px;height:60px; padding:5px 20px;background:#1F1F1F;position:absolute;left:0px;bottom:0px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.share{ width:950px; padding:0px 25px; height:22px; line-height:22px; margin:15px 0px; font-size:13px;position:absolute;}

.atlas{ height:122px; }
.atlas-cnt{ position: relative;width:940px; height:100px; margin:0px 15px; background:#1F1F1F; padding:8px 15px; overflow:hidden;}
.last{ height:80px; line-height:26px; width:90px; margin-top:5px; text-align: center;}
.last .a { float: left; width: 90px; height: 80px; }
.last p{ text-indent:0em; }
.last img { max-width: 90px; max-height: 80px; }
.last img{border:1px solid #1F1F1F;}.last a:hover img{border:1px solid #FFB017;}



.img-wrap img { max-width: 100px; max-height: 78px; }
.list-pic .cont li .img-wrap a{*font-size:55px;width:100px; height:78px;outline: medium none;}
.list-pic .cont li.on .img-wrap{ border:2px solid #ffb017}
.list-pic{ width:110px;float:right;background: #f3f3f3 none repeat scroll 0 0; overflow: hidden;}
.list-pic .pre,.list-pic .next{float:left; display:block; position:relative;background: url(../images/pic_bg.png) no-repeat;width:110px;height:86px; text-align:center}
.list-pic .pre{ left:-8px;top:-3px; margin-right:14px;}
.list-pic .next{ right:-8px; float:right;top:-3px}
.list-pic .pre .img-wrap,.list-pic .next .img-wrap{width:102px; height:72px;border:none; padding:4px 0 8px}
.list-pic .pre .img-wrap a,.list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px }
.list-pic .pre .img-wrap a:hover,.list-pic .next .img-wrap a:hover{ background:none}
.list-pic .next{ right:-8px; float:right;bottom:-2px}


/*pic-content*/
.pic-cont-bg{ float: left; height:auto; width:910px; margin:10px 15px; background:#1F1F1F; padding:20px 30px;}
.pic-cont-bg h2{ height:35px; line-height:35px; font-size:25px; text-align:center;}
.pic-info{ height:20px; margin:10px 0px; text-align:center;}
.pic-content{ float: left; width: 910px; height:auto; font-size:13px;}
.pic-content p { line-height: 24px; text-indent: 2em; font-size: 12px; display: block; padding: 5px 0; }
.pic-content h2, .pic-content h3, .pic-content h4, .pic-content h5, .pic-content h6 { float: left; width: 100%; font-size: 14px; line-height: 26px; padding: 10px 0; font-family: "宋体"; }
.pic-content img { display: block; margin: 5px auto; text-align: center; }



.list-pic .cont li{float:right; width:114px; height: 84px; text-align:center; display:block; overflow:hidden}
.list-pic .cont li .img-wrap{width:100px; height:78px; margin:0 auto;}
/*
.list-pic{ padding:22px 0 16px; height:330px}
*/
.list-pic .cont{overflow:hidden; float: left; width:110px; height:295px; }{ float:right; width:110px; text-align:center; display:block; overflow:hidden} .img-wrap{width:110px; height:80px; margin:0 auto;} .img-wrap img{width:110px;height:80px;} .img-wrap a{*font-size:55px;width:110px; height:80px;outline: medium none;}.on .img-wrap{ border:2px solid #ffb017;height:80px;}.on .img-wrap img{width:110px;height:80px;}
 .list-pic .pre, .list-pic .next{float:left; display:block; position:relative;background: url(http://www.cbstianchi.com/skin/shu/images/slide.png) no-repeat;width:110px;height:86px; text-align:center}
 .list-pic .pre{ left:-8px;top:-3px; margin-right:14px}
 .list-pic .next{ right:-8px; float:right;top:-3px}
 .list-pic .pre .img-wrap, .list-pic .next .img-wrap{width:102px; height:72px;border:none; padding:4px 0 8px}
 .list-pic .pre .img-wrap a, .list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px }
 .list-pic .pre .img-wrap a:hover, .list-pic .next .img-wrap a:hover{ background:none}
 .list-pic .next{ right:-8px; float:right;bottom:-2px}
 
 .pre-bnt, .next-bnt{margin-top:3px;margin-bottom:3px; cursor: hand;!important;cursor: pointer}


.pre-bnt {
    background: rgba(0, 0, 0, 0) url("http://www.cbstianchi.com/skin/shu/images/slide.png") no-repeat scroll 0 0;
    display: block;
    height: 14px;
  
    outline: medium none;
    overflow: hidden;
  
    width: 110px;
}
.next-bnt {
    background: rgba(0, 0, 0, 0) url("http://www.cbstianchi.com/skin/shu/images/slide.png") no-repeat scroll 0 0;
    display: block;
    height: 14px;
    outline: medium none;
    overflow: hidden;
    width: 110px;
}

.pre-bnt {
    background-position: center 0;
}
.next-bnt {
    background-position: center -20px;
}
.pre-bnt:hover {
    background-position: center -80px;
}
.next-bnt:hover {
    background-position: center -100px;
}
.pre-bnt span{
    background-position: center -80px;
}
.next-bnt span {
    background-position: center 100px;
}
