/*作品详细页面图片展示开始====================================*/
 

.photo-list li,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next{display:inline-block;zoom:1;*display:inline;}

.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.img-wrap img{ width:80px;}


.photo-list li{ vertical-align:top; text-align:center; padding-bottom:12px;margin-right:6px}
.photo-list li div.img-wrap{ width:160px; height:120px; margin:auto; margin-bottom:3px}
.photo-list li div.img-wrap a{ width:160px; height:120px;*font-size:88px;}
.photo-list li:last-child{ margin-right:0px}

.photo-channel #Article .text{ border:1px solid #efefef; background-color:#fff; padding:8px 10px; zoom:1; margin-bottom:0px}
.relevance{ padding:5px  0px}
 .relevance h5{background: url(../images/icon01.jpg) no-repeat left center; padding-left:16px;border-bottom:1px solid #efefef;margin-bottom:20px;font-size:15px;}

/* 内容 */



#Article{ overflow:hidden}
#Article,.photo-channel .relevance{ border:1px solid #efefef;zoom:1; padding:0 10px}
.Article-Tool{ border:1px solid #c3d4e7; position:relative; top:-1px; text-align:right; padding:8px; vertical-align:middle; height:15px; background-color:#f4f8fd}
.Article-Tool a{width:16px;height:16px;line-height:16px;background: url(/statics/images/v9/icon.png) no-repeat; margin-left:6px;}
.Article-Tool a:hover{text-decoration: none}
.Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1}
.Article-Tool a.t1{background-position: left -115px;}
.Article-Tool a.t2{background-position: left -159px;}
.Article-Tool a.t3{background-position: left -205px;}
.Article-Tool a.t4{background-position: left -250px;}
.Article-Tool a.t5{background-position: left -294px;}
.Article-Tool a.t6{background-position: left -421px;padding-left:18px;}
.blockquote {margin: 10px 0;padding: 10px 10px 10px 40px;border: 1px solid #f5f5f5;border-left: 50px solid #f5f5f5;font-size: 13px;position: relative;}
/*关键字提示*/
.point{border:1px solid #ffbf7a; background:#fffced;  position: absolute; z-index:1000; width:auto;}
.point .arro{position:absolute; top:-9px;*top:-13px; left:97px; width:18px; height:9px;background: url(/statics/images/v9/key_float.png) no-repeat;}
.point .contents{padding:8px 10px; text-indent:0;margin-right:10px;font-weight:normal;}
.point a.close span{display:none}
.point a.close{background: url(/statics/images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute; right:4px; top:4px;*top:0px;_top:0px;outline:none;}
.point a.close:hover{background-position: left -46px}
.point span.o1,
	.point span.o2,
	.point span.o3,
	.point span.o4{position:absolute;width:3px;height:3px;background: url(/statics/images/fillet.png) no-repeat; line-height:0; font-size:0}
	.point span.o1{background-position: left top; top:-1px;*top:-5px; left:-1px;}
	.point span.o2{background-position: right top; top:-1px;*top:-5px; right:-1px}
	.point span.o3{background-position: left -3px; bottom:-1px;*bottom:3px; left:-1px}
	.point span.o4{background-position: right -3px; bottom:-1px;*bottom:3px; right:-1px;}

/*图片内容*/
.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(/statics/images/v9/up-next.png) no-repeat; height:27px; width:31px;margin-right:10px; overflow:hidden; line-height:27px}
.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;   position: relative}
.photo-channel #Article .big-pic #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden;*font-size:480px; width:600px; height:400px}
.photo-channel #Article .big-pic .max{ position:absolute; bottom: -48px; right:5px;background:url(/statics/images/v9/max.png) no-repeat 5px center; z-index:101; padding:5px 5px 5px 20px}
 


.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{background-image: url(/statics/images/blank.gif);display:block; width:100%; height:100%; outline:none;}

#Article .list-pic{ padding:12px 0  0px; height:110px}
#Article .cont{overflow:hidden; float: left; width:300px; height:80px}
#Article .cont li{ float:left; width:100px; text-align:center; display:block; overflow:hidden}
#Article .cont li .img-wrap{width:80px; height:75px; margin:0 auto;}
 
#Article .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;}
#Article .cont li.on .img-wrap{ border:2px solid #ffb017}
#Article .list-pic .pre,#Article .list-pic .next{float:left; display:block; position:relative;background: url(/statics/images/v9/pic_bg.png) no-repeat;width:110px;height:86px; text-align:center}
#Article .list-pic .pre{ left:0px;top:-3px; margin-right:14px}
#Article .list-pic .next{ right:0px; float:right;top:-3px}
#Article .list-pic .pre .img-wrap,#Article .list-pic .next .img-wrap{width:102px; height:70px;border:none; padding:4px 0 8px 2px}
#Article .list-pic .pre .img-wrap a,#Article .list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px }
#Article .list-pic .pre .img-wrap a:hover,#Article .list-pic .next .img-wrap a:hover{ background:none}
#Article .list-pic .next{ right:0px; float:right;bottom:-2px}
#Article .pre-bnt,#Article .next-bnt{margin-top:3px;cursor: hand;!important;cursor: pointer}
#Article .pre-bnt,#Article .next-bnt,#Article .pre-bnt span,#Article .next-bnt span{background: url(/statics/images/v9/big-btn.png) no-repeat; display:block; width:17px; height:69px; float:left;}
#Article .pre-bnt:hover, #Article .next-bnt:hover,#Article .pre-bnt-on,#Article .next-bnt-on{-webkit-transition:0s;transition:0s;background-position: 0 -78px;}
#Article .pre-bnt span{background-position: -30px top;}
#Article .pre-bnt:hover span,#Article .pre-bnt-on span{background-position: -30px -78px;}
#Article .next-bnt span{background-position: -55px top;}
#Article .next-bnt:hover span,#Article .next-bnt-on span{background-position: -55px -78px;}
/* endSelect */
#endSelect{top:140px;left:200px;position:absolute;width:230px;height:90px;border:1px solid #8a8a8a;display:none;z-index:200;}
#endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;}
#endSelect .E_Cont{position:absolute;top:10px;left:26px;color:#fff;font-size:14px;}
#endSelect .E_Cont p{padding:4px 0;zoom:1;overflow:hidden;font-size:14px;margin-bottom: 0px;
    text-indent: 0em;}
#rePlayBut,#nextPicsBut,#endSelect #endSelClose{background:url(/statics/images/v9/big-btn.png) no-repeat}
#rePlayBut{float:left;width:69px;height:23px;background-position: 0px -167px;}
#nextPicsBut{float:left;width:97px;height:23px;background-position: -100px -167px;margin-left:10px;}
#endSelect #endSelClose{background-position: 0px -217px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2;}


/*作品详细页面图片展示结束====================================*/

 
 
.case_box {height: auto;
}
.case_box h3 {
    color: #081232;
    font-weight: normal;
    font-size: 42px;
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
}
.case_box .category ul {

    padding-bottom: 0px;background: #eeeef2;
    display: block;
    height: auto;
    overflow: hidden;
}
.case_box .category ul li {
    float: left;
    font-size: 20px;
    text-align: center;
    width: 150px;
    height: 60px;
    line-height: 60px;
    color: #333;
    cursor: pointer;
}
.case_box .category ul li.active {
    color: #fff;
    background: #cc1414;
}
.case_box .content {
    padding-left:10px;
}
.case_box .content .cont {
    font-size: 18px;
    line-height: 40px;
 
    color: #333;

    display: none;
}
.case_box .content .cont.active {
    display: block;
    
}
.case_box .content .cont img.bg {
    position: absolute;border: 1px solid #E3E3E3;
    right: 0;
    top: 0;
}
.case_box .content .cont .info {
    position: absolute;
    width: 520px;
    height: 340px;
    background: #fff;
    box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
    left: 0;
    top: 120px;
    padding: 50px 40px 0;
    border-radius: 10px;
}
.case_box .content .cont .info .title .logo {
    float: left;
    padding-right: 25px;
}
.case_box .content .cont .info .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
.case_box .content .cont .info .title h4 {
    float: left;
    padding-top: 30px;
    font-size: 24px;
    color: #081232;
}
.case_box .content .cont  p {

    font-size: 18px;
    line-height: 40px;
 
    color: #333;
}