﻿/*专区 样式*/
.detail-main{background:#fff;padding:26px 40px;}
.detail-title{height:64px;border-bottom:1px solid #ebebeb;margin-bottom:10px; position:relative;}
.detail-title h1{font-size:22px;line-height:40px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;text-align:center;}
.detail-title .share-wrap{ position:absolute;top:50%;margin-top:-14px;right:0;}
.detail-summary{background:#fff;line-height:26px;padding:16px; border: 1px solid #b3b1b1;}
.detail-mainImg{max-height:360px;margin:28px 0;}
.detail-mainImg img{max-height:362px;max-width:100%;margin:0 auto; display:block;border:1px solid #ccc;}
.detail-mod .mod-title{font-size:20px;font-weight:bold;height:26px;line-height:26px; position:relative;margin:30px 0 10px;color:#000;}
.detail-mod .mod-title.sp{font-size:18px;}
.detail-mod .mod-title span{ position:absolute;width:3px;height:100%;left:-10px;top:0;background:#1b91f7;}
.detail-mod .mod-ctn p{line-height:30px;color:#3d464d;margin-bottom:20px;font-size:15px;text-indent:30px;}
.detail-mod .mod-ctn p img{width:100%;display:inherit;}
.extend-bar { overflow:hidden;}
.extend-label {float:left;padding:0 10px;height:30px;line-height:30px; background:#e5eaed;color:#81898c; position:relative;}
.extend-label:after {content:"";position:absolute;display:block;border-style:solid;border-width:15px 10px;border-color:transparent transparent transparent #e5eaed;top:0;right:-20px;}
.extend-ctn{margin-top:10px;margin-right:-10px; overflow:hidden;}
.extend-ctn li{color:#555BA6;width:200px;height:26px;line-height:26px; position:relative;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;float:left;margin-right:10px;text-indent:17px;}
.extend-ctn li:before{content:""; position:absolute;width:2px;height:2px;left:6px;top:12px;background:#555BA6;}

.video-list{ overflow:hidden;}
.video-list li{float:left;display:inline;width:180px;margin-right:20px;font-size:14px;}
.video-list li img{display:block;width:180px;height:120px;}
.video-list li p{line-height:22px;height:22px;overflow:hidden; text-align: center;}
.video-list li span{display:block;background:url(../images/icons_01.png) no-repeat 0 -393px;padding-left:20px;line-height:20px;font-size:12px;color:#909090;}
.video-list li .tit{display:block;background:#000;padding:4px 6px;height:42px;}
.video-list li .tit a{color: #fff;}
.video-list li .pbtn{position:relative;display:block;}
.video-list li .playbox{position:absolute;top:0;left:0;width:180px;height:120px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);_background:#000;_filter:alpha(opacity=50);display:none;}
.video-list li .pbtn:hover .playbox{display:block;}
.video-list li .playbox span{background:url(../images/icons_play.png) no-repeat 0 0;_background:url(../images/icons_play_ie6.png) no-repeat 0 0;width:55px;height:55px;padding:0;margin:32px auto 0;display:block;}

.pin-wrap{padding-top:70px;}

.detail-floorNav{padding-left:28px; position:relative;}
.detail-floorNav li{position:relative;height:30px;line-height:30px;margin-bottom:5px;padding:0 10px;cursor:pointer;color:#578a8e;font-weight:bold;}
.detail-floorNav li span{ display:block; position:absolute;top:8px;left:-24px;width:7px;height:7px;border-radius:50%;background:#555BA6;border:3px solid #d0edf0;}
.detail-floorNav li em{display:block;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;font-weight:bolder;}
.detail-floorNav li:before{content:""; display:block;top:15px;left:-18px;width:1px;height:100%;background:#a3dad8; position:absolute;}
.detail-floorNav li:last-child:before{display:none;}
.detail-floorNav li:hover,
.detail-floorNav li.active{color:#fff;background:#555BA6;}
.detail-floorNav li:hover span,
.detail-floorNav li.active span{background:#fff;border-color:#555BA6;}

.detail-hotList{margin-top:20px;background:#fff;border:1px solid #dbdbdb;}
.detail-hotList .title{font-size:16px;font-weight:bold;color:#333;margin-bottom:12px;height:40px;line-height:40px;background:#fafafa;text-align:left;text-indent:20px;}
.detail-hotList ul{overflow:hidden;}
.detail-hotList li{height:35px;line-height:35px; position:relative;color:#333;font-size:14px;text-indent:17px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;border-bottom:1px solid #dbdbdb;}
.detail-hotList li:before{content:""; position:absolute;width:3px;height:3px;left:6px;top:14px;background:#555BA6;}

.detail-tips-box{border:1px solid #ffdfe0;border-radius:3px;background:#fffafa;padding:10px 18px; overflow:hidden; }
.detail-tips-box .title{height:28px;line-height:28px;margin:10px 0;}
.detail-tips-box .title span{ display:inline-block;height:28px;line-height:28px;color:#fff;font-weight:bold;padding:0 8px;background:#fe7e41;font-size:14px;}
.detail-tips-box .box-l{ float:left; width:410px;}
.detail-tips-box .box-l p{ color:#62494c;font-size:12px;line-height:30px;}
.detail-tips-box .box-r{ float:right; width:160px;}
.detail-tips-box .box-r .img-wrap{width:160px;height:160px;margin-bottom:5px;background:#fff;}
.detail-tips-box .box-r .img-wrap img{ display:block;width:100%;height:100%;}
.detail-tips-box .box-r p{ font-weight:bold;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;text-align:center;}
