.datailTit h1{color:#ea5d4f;margin:15px 0;font-size:20px}
.detailInfo{padding:5px 15px 15px 15px;border-top:1px solid #b5b5b6;border-bottom:1px dotted #b5b5b6}
.detailInfo .container{margin:0 auto 10px;color:#b5b5b6;padding:0}
.detailInfo span{margin-right:10px}
.detailInfo span:before{width:20px;height:20px;margin-right:5px;position:relative;top:5px}
.detailInfo span.time:before{background-position:0 -20px}
.detailInfo span.faterTit:before{background-position:-20px -20px}
.detailInfo span.author:before{background-position:-40px -20px}
.detailInfo span.tag:before{background-position:-60px -20px}
.details{margin-top:15px;padding-left:0;padding-right:0}
.detailMain{margin-bottom:50px;overflow:hidden}
.detailView p.dP{line-height:24px;text-indent:2em}
.detailMessage{margin-top:50px}
.detailMessage h4{border-bottom:1px solid #b5b5b5;font-size:16px;padding:10px 0}
.messLogin{line-height:20px;height:40px}
.messLogin em{font-style:normal;font-size:14px}
.messLogin a{width:20px;height:20px;margin:0 5px;position:relative;top:5px}
.messLogin a.whet{background-position:0 -40px}
.messLogin a.sina{background-position:-20px -40px}
.messLogin a.qq{background-position:-40px -40px}
.messLogin a.baidu{background-position:-60px -40px}
.messLogin a.active.whet,.messLogin a.whet:hover{background-position:0 -60px}
.messLogin a.active.sina,.messLogin a.sina:hover{background-position:-20px -60px}
.messLogin a.active.qq,.messLogin a.qq:hover{background-position:-40px -60px}
.messLogin a.active.baidu,.messLogin a.baidu:hover{background-position:-60px -60px}
.sendMessage{box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}
.sendMessage .btn,.sendMessage .form-control{border-radius:0;border-color:#b5b5b5}
.sendMessage p{padding:5px 0;text-align:right;border:1px solid #b5b5b5;border-top:none;box-sizing:border-box;padding-right:10px}
.detailViewMessage span.total{color:#b5b5b6;font-size:14px;display:block;border-bottom:1px solid #b5b5b6;padding-bottom:10px}
.showMessage.media{border-bottom:1px solid #b5b5b6;padding-bottom:5px}
.showMessage .media-left a{display:inline-block;padding:0 5px 5px 5px}
.showMessage .media-left img{width:60px;height:60px;display:block;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.showMessage .media-heading{color:#00ff97;font-size:14px}
.showMessage p.con{line-height:16px;min-height:30px}
.showMessage p.tips{color:#b5b5b6}
.showMessage p.tips em{font-style:normal;margin:0 5px}
.showMessage p.tips a{color:#b5b5b6}
.dataSide{margin:20px 0}
.sideItem{margin-bottom:20px}
.sideItem p.tit{height:20px;line-height:20px;position:relative}
.sideItem p.tit b{font-size:16px;background-color:#f9f9f9;position:absolute;z-index:1;top:2px;padding-right:10px}
.sideItem p.tit span{height:12px;width:100%;background-color:#00ff97;position:relative;top:4px;display:inline-block;display:none}
.sideItem .list .sideCase{border:1px solid #c9caca;padding:10px!important;color:#595757;display:block;position:relative;margin-right:5px}
.sideItem .list a{position:relative;display:block}
.sideItem .list>div{margin-bottom:15px}
.sideItem .list a span,.sideItem .listPic a span,.sideItem .media-left span{position:absolute;display:none;width:100%;height:100%;left:0;top:0;background:rgba(223,67,79,.8);color:#fff;box-sizing:border-box;padding:0 40px}
.sideItem p.caseTit{margin-bottom:0;margin-top:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sideItem .media{border-bottom:1px solid #c9caca;padding:10px 0;margin:0}
.sideItem .media:hover .media-body{color:#00ff97}
.sideItem .media-left a{width:90px;height:90px;display:block;position:relative}
.sideItem .media-body a{color:#595757}
.sideItem .listPic{margin-right:-5px}
.sideItem .listPic a{position:relative;display:block}
.sideItem .listPic>div{padding-right:5px;margin-bottom:5px}
.detailCase .flexslider{padding-bottom:10px;background:url(../imgs/loading.gif) center center no-repeat}
.detailCase .slides li img{box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2)}
.detailCase .flex-control-nav{text-align:left;margin-top:15px;display:none;position:relative}
.detailCase .flex-control-nav li{margin:0 10px 10px 0;cursor:pointer}
.detailCase .flex-control-nav img{margin:0;width:50px;height:25px;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50)}
.detailCase .flex-control-nav img.flex-active{box-shadow:0 0 10px rgba(0,0,0,.8);-webkit-box-shadow:0 0 10px rgba(0,0,0,.8);-moz-box-shadow:0 0 10px rgba(0,0,0,.8)}
.detailCase .flex-direction-nav{display:block}
.detailCase .flex-direction-nav a{width:25px;height:40px;top:60%}
.detailCase .flex-direction-nav a:after{background-size:400px auto}
.detailCase .caseCon{margin:20px 0 40px 0}
.detailCase .caseCon b{font-size:24px;font-weight:400;display:block;margin-bottom:10px}
.detailCase .caseCon p{font-size:14px;line-height:24px;text-indent:2em;margin:0}
.detailCase .caseRelevant{border-top:1px solid #ccc}
.detailCase .caseRelevant b{font-size:16px;padding:20px 0;display:block;color:#ea5d4f}
.detailCase .caseRelevant .caseRItem{border:1px solid #c9caca;padding:10px 10px 0 10px;margin-bottom:15px;margin-left:5px;margin-right:5px;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.detailCase .flex-control-nav img.flex-active{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.caseRItem p{padding:10px 0;margin:0;line-height:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caseRItem a{position:relative;display:block}
.caseRItem a span{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(234,93,79,.8);display:none}
.searchCon b{font-size:18px;font-weight:400;margin:15px 0;display:block}
.searchCon .form-control{background:0 0;height:40px;line-height:40px;border-right:none;box-shadow:none;border-color:#b5b5b6;border-radius:0}
.searchCon .btn-default{text-indent:-999em;width:40px;height:40px;background:url(../imgs/icon/search02.png) center center no-repeat;border-radius:0;border-left:none;box-shadow:none;border-color:#b5b5b6 position:relative}
.searchCon .btn-default:before{height:32px;width:1px;content:" ";background:#b5b5b6;position:absolute;left:0;top:3px}
.comment .fn{font-style:normal}
@media (min-width:768px){.showMessage.replyMessage{margin-left:80px}
.detailCase .caseRelevant .caseRItem{margin-left:0;margin-right:0}
.detailCase .flexslider{margin-top:15px}
.detailCase .flex-control-nav{display:block}
.detailCase .flex-control-nav img{width:100%;min-height:50px}
.detailCase .flex-control-nav li{height:50px;width:100px;overflow:hidden}
.detailCase .flex-direction-nav a{width:50px;height:80px;top:40%}
.sideItem .list .sideCase{margin-right:0}
.detailInfo{border-top:0}
.details{padding:0}
}
@media (min-width:992px){.detailInfo{padding-bottom:0;border-bottom:0}
.datailTit h1{font-size:38px;margin:40px 0;padding:0}
.detailInfo .datailTit h1{margin:20px 0}
.detailInfo .tags{background:#fff;padding:4px 0 10px 15px;width:400px}
.detailInfo .container{margin-bottom:20px}
.detailMain{position:relative}
.dataMain{padding-left:0}
.dataSide{padding-right:0;margin-top:0}
.dataSide.active{position:absolute;background:#f9f9f9;top:0;left:75%}
.sideItem{margin-bottom:50px}
.detailCase .flexslider{margin-top:0}
.searchCon b{font-size:24px;margin:20px 0}
.searchList{margin-top:15px}
.search .dataSide{margin-top:70px}
.detailCase,.detailMain{/*background:#f8f8f8 url(../imgs/detailBg.jpg) center top no-repeat}
*/ background:#f9f9f9}
@media (min-width:1200px){.caseRItem a:hover span{display:block}
.sideItem .listPic a:hover span,.sideItem .media:hover .media-left span,.sideItem a:hover span{display:block}
.searchCon b{font-size:30px;margin:30px 0}
.searchList{margin-top:30px}
.search .dataSide{margin-top:100px}
.details{padding:0 15px}
}