/*add*/





.textcenter{text-align: center;}

.margintop30{margin-top:30px;}

.marginbottom20{margin-bottom:20px;}

.w1200{width: 1100px; margin: 0 auto;}

.overflow{overflow: hidden;}









/*id = caseDetail*/

/*#caseDetail .caseDetail-view{padding: 20px 0;}*/

.sNav > li{display: inline-block;}

#caseDetail .caseDetail-left{border: 1px #eaeaea solid; width: 890px; padding: 25px 0; padding-bottom: 0;}

#caseDetail .caseDetail-left-top{width: 760px; padding:0 25px; margin:0 auto;}

#caseDetail .caseDetail-right{border: 1px #eaeaea solid; width: 278px;}

#caseDetail .caseLabel{display:inline-block; width: 66px; height: 30px; padding-left: 20px; background: url(img/viewtitle.jpg!c) no-repeat; top: -10px; right: -1px; line-height: 30px; color: #fff;}

#caseDetail .caseLabel{display:inline-block; width: 66px; height: 30px; padding-left: 20px; background: url(img/viewtitle.jpg!c) no-repeat; top: -10px; right: -1px; line-height: 30px; color: #fff;}

.casetitle{font-size: 20px;}

#caseDetail .caseSpeak span{display: inline-block; margin: 0 10px; color: #959595; font-size:12px;}

#caseDetail .caseSpeak .bdsharebuttonbox a{margin-top: 2px;}

#caseDetail .caseSpeak .bdsharebuttonbox span{margin-right: 0;}

#caseDetail .favorite{display: block;width: 48px;height: 20px;margin-left:10px;color:#fff;text-align: center;line-height: 20px;background: #f74f46;}

#caseDetail .favorite:hover{background: #db3c34;}

#caseDetail .table{border: 1px #eaeaea solid;font-size:14px;}

#caseDetail .table td{border: 1px #eaeaea solid; line-height: 38px; text-align: center;}

#caseDetail .table .casetd{background: #f2f2f2; width: 120px;}

#caseDetail .caseIdea{line-height: 25px; font-size: 12px;}

#caseDetail .yugao{background: #f6f6f6;box-shadow: 1px 1px 3px #ccc;position: absolute;right:15px;bottom:50px;height:230px;visibility: hidden;transform: scale(0);-webkit-transform: scale(0);transition: all ease .3s;-webkit-transition: all ease .3s;transform-origin: center bottom;-webkit-transform-origin: center bottom;padding-right: 15px;}

#caseDetail .yugao.active{visibility: visible;transform: scale(1);-webkit-transform: scale(1);}

#caseDetail .yugao li{float: left;margin: 15px 0 0 15px;}

#caseDetail .yugao img{width: 200px;height:200px;}

#caseDetail .yugao:after{content: '';display: block;position: absolute;left: 50%;bottom: -8px;border-width: 7px 7px 0;border-style: solid;border-color: #ddd transparent #fff;}

#caseDetail .yugao:before{content: '';display: block;position: absolute;left: 50%;bottom: -6px;border-width: 6px 6px 0;border-style: solid;border-color: #f6f6f6 transparent #fff;z-index: 1;margin-left: 1px;}

#caseDetail .yugao .more{position: relative;}

#caseDetail .yugao .shadow{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: .5;}

#caseDetail .yugao .more-btn{position: absolute;left: 50%;top: 50%;width: 98px;height: 28px;text-align: center;line-height: 28px;color:#fff;border: solid 1px #fff;z-index: 2;margin: -14px 0 0 -49px;opacity: .8;}

#caseDetail .yugao .more-btn:hover{opacity: 1;}

#pic-nav{ position:relative;} 

#pic-nav .toggle{ width:22px; height:50px; background:url(img/ico.png!c) no-repeat -178px 0; position:absolute; top:50%; left:-15px; margin-top:-25px;}

#pic-nav .toggle span{ display:block; height:50%; cursor:pointer;}

#pic-nav .toggle .disabled{ cursor:default;}

#pic-nav .toggle .top.disabled{ background:url(img/ico.png!c) no-repeat -178px -54px;}

#pic-nav .toggle .down.disabled{ background:url(img/ico.png!c) no-repeat -178px -79px;}

.caseDetail-img-nav{width:80px; min-height: 100px; padding-right:10px;}

.caseDetail-img-nav .toggle{ width:40px; height:80px; position:absolute;}

.caseDetail-img-nav dl{ height:350px; overflow:hidden;}

.caseDetail-img-nav dt{ font-size:16px;}

.caseDetail-img-nav dd{ line-height:24px; margin:5px 0 10px;}

.caseDetail-img-nav .active a{ color:#ff343f;}



.caseDetail-do{top: 16px; right: 16px;}

.caseDetail-img{ border-left:solid 2px #ddd; width:728px; border-left:solid 2px #ddd; padding-left:30px;}

.caseDetail-img .caseDetail-do .bds_more{ float:left; height:30px;line-height:30px; padding:0 18px; color:#fff; background:#000; opacity:.5; filter:alpha(opacity=50); margin:0 0 0 20px;}

.caseDetail-img .caseDetail-do .similar{ float:left; height:30px;line-height:30px; padding:0 18px; color:#fff; background:#000; opacity:.5; filter:alpha(opacity=50); margin:0 0 0 20px;}

.caseDetail-img .caseDetail-do a:hover{opacity:.8; filter:alpha(opacity=80);}

.margintop10{margin-top: 10px;}

.paddinglr25{padding: 0 25px;}

.caseDetail-img-font{line-height: 24px;}

.caseDetail-related-ul{border-bottom:1px #eaeaea solid; padding: 10px 25px 20px;}

.caseDetail-related-ul > li{float: left; margin-right: 16px;}

.caseDetail-related-ul > li:last-child{margin-right: 0px;}

.caseDetail-push-title{background: url(img/viewtitle01.jpg!c) no-repeat left center;}

.caseDetail-push-title{background: url(img/viewtitle02.jpg!c) no-repeat left center;}

.caseDetail-push-imgfont{width: 270px; height:60px; border: 1px #eaeaea solid; padding: 9px; line-height: 20px;}

.caseDetail-push{padding: 30px 0}

.caseDetail-push-list{width: 920px;}

.caseDetail-push-list li{float: left; margin: 3px 15px 3px 0;}

.caseDetail-push-list .pic{width:290px; height:290px; overflow:hidden;}

.caseDetail-push-head{display:inline-block; top:-40px; right: 0; width:80px; height: 80px;}

.caseDetail-push-head img{display: inline-block; width: 63px; height: 63px; border: 2px #fff solid; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}

.caseDetail-push-imgfont-name{color: #6a6a6a;overflow: hidden;white-space: nowrap;width: 190px; text-overflow:ellipsis;}

.caseDetail-push-imgfont-setting{color: #8f8f8f; font-size:12px; margin-top: 5px;}

.caseDetail-push-imgfont-setting span{ display:inline-block; white-space:nowrap;}

.caseDetail-right-img{display: inline-block; width: 108px; height: auto}

.caseDetail-right-img img{width: 108px;height: 108px; border: 1px #d3d3d3 solid;}

.caseDetail-right-stylist{padding: 0 17px 14px 17px; border-bottom: 1px #eaeaea solid;}

.caseDetail-right-stylist li{float: left; margin-right: 5px; font-size: 12px;}

.caseDetail-right-stylist .caseDetail-right-intro{ margin:0 0 0 5px; width:125px;}

.caseDetail-right-intro p{margin-bottom: 1px; color: #737373;}

.caseDetail-right-intro p:first-child{color: #545454;}

.caseDetail-right-intro-link{display: inline-block; padding: 8px 10px; background: #960000; color: #fff;}

.caseDetail-right-intro-link:hover{color: #fff;}

.caseDetail-right h3{padding: 10px 17px;}







.caseDetail-left .prev-next-tab {padding: 20px 0;}

.caseDetail-left .prev-next-tab span{  color:#333; }

.caseDetail-left .prev-next-tab p{ display:inline; margin: 0 15px;}

.caseDetail-left .prev-next-tab .ico-angle{ display:inline-block; margin:0 3px;border-width:8px 5px 0; border-color:#999 transparent #fff;}

.caseDetail-left .prev-next-tab .ico-angle.top{ border-width:0 5px 8px; border-color:#fff transparent #999;}