/*add*/
input[type="submit"]{border:none; cursor: pointer; color: #fff}
input[type="text"]{height: 24px; border: 1px #ddd solid; font-size: 12px; color: #666; padding: 4px 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
input[type="password"]{height: 24px; border: 1px #ddd solid; font-size: 12px; color: #666; padding: 4px 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
blockquote, q {quotes: none;}
table{ border-collapse:collapse; width: 100%;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a.button{display: inline-block; text-align: center;}
a{cursor: pointer;}
:focus {outline: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
.font12{font-size: 12px;}
.relative{position: relative;}
.absolute{position: absolute;}
.textcenter{text-align: center;}
.margintop30{margin-top:30px;}
.marginbottom20{margin-bottom:20px;}

.overflow{overflow: hidden;}
.col-xs-5 .pull-left{
	width:auto
}
/
/*id = caseDetail*/
/*#caseDetail .caseDetail-view{padding: 20px 0;}*/
.sNav > li{display: inline-block;}
#caseDetail{ width:1200px; margin:30px auto;}
#caseDetail .caseDetail-left{border: 1px #eaeaea solid; width: 900px; padding: 25px 0; padding-bottom: 0;}
#caseDetail .caseDetail-left-top{width: 850px; padding:0 25px;}
#caseDetail .caseDetail-right{border: 1px #eaeaea solid; width: 278px;}
#caseDetail .caseLabel{display:inline-block; width: 66px; height: 30px; padding-left: 20px; background: url(../../images/viewtitle.jpg) 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(../../images/viewtitle.jpg) no-repeat; top: -10px; right: -1px; line-height: 30px; color: #fff;}
.casetitle{font-size:26px; color:#333}
#caseDetail .caseSpeak span{display: inline-block; margin: 0 10px; color: #959595;}
#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{ width: 120px;font-weight: 600;}
#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(../../images/ico.png) 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(../../images/ico.png) no-repeat -178px -54px;}
#pic-nav .toggle .down.disabled{ background:url(../../images/ico.png) 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; clear:both}
.caseDetail-img-nav dd{ line-height:24px; margin:5px 0 10px; clear:both; text-align:right}
.caseDetail-img-nav dd ul li{ clear:both; text-align:right; float:none}
.caseDetail-img-nav .active a{ color:#ff343f;}
.piclist img {width:100%;}

.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(../../images/viewtitle01.jpg) no-repeat left center;}
.caseDetail-push-title{background: url(../../images/viewtitle01.jpg) 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: 110px;height: 147px; 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: #f08300; color: #fff; margin-top:20px}
.caseDetail-right-intro-link:hover{color: #fff;}
.caseDetail-right h3{padding: 10px 17px; color:#333}
.caseDetail-right-from{padding: 10px 0px; max-width:244px; }
.caseDetail-right-from select{border: 1px solid #ddd;color: #666;height:35px;line-height: 24px;margin-bottom: 10px;padding: 5px 8px;width: 244px;}
.caseDetail-right-free{display: inline-block; background: #ff343f; color: #fff; padding: 5px 8px; margin-left: -18px;}
.caseDetail-right-from-title{/*font-weight: initial;*/ text-align: left;}
.caseDetail-right-from-title1{color: #666666; font-size:12px; margin-bottom: 20px;}
input.inp{width: 225px; padding: 5px 8px; border: 1px #ddd solid; height: 24px; line-height: 24px; margin-bottom: 10px; color:#666;}
.formsub{width: 100%; height: 42px; line-height: 42px; text-align: center; color: #fff; background: #ff343f; font-size: 14px;}
.caseDetail-right-from-title2{line-height: 20px; color: #666666; font-size:12px;}
.w280{width: 280px;}

/*opacity*/
.caseDetail-related-ul{width: 890px}
#content .caseDetail-related-ul > li{float: left;margin-right: 30px;max-width: 236px;position: relative;width: 190px;/*margin-bottom: 3.5%;*/}
/*#content .caseDetail-related-ul > li:nth-child(4n+4) {margin-right: 0;}*/
.post-format-content {position: relative;background: #111;}
.post-thumbnail {max-width: 100%;height: auto;overflow: hidden;}
.content-wrap {padding: 0;position: absolute;text-align: center;width: 100%;top: 0;bottom: 0;display: table-cell;vertical-align: middle;overflow: hidden;}
.content-wrap h1.entry-title {display: table;font-size: 110%;height: 100%;text-transform: uppercase;width: 100%;margin:0;}
.edit-link {z-index: 2;}
.featured-image {display: table-cell;position: relative;transition: opacity .25s ease-in-out, background .25s ease-in-out;-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;vertical-align: middle;z-index: 1;color: #fff;text-decoration: none;opacity: 0;padding: 10%;}
.featured-image:hover {opacity: 0.9;color: #fff;background: rgba(0,0,0,0.8);}
.post-thumbnail img {display: block;}

/*box*/
.caseDetail-box{z-index: 10; bottom:95px; right: -40px;}
.box{width: 280px; height: auto; padding: 10px; background: #fff;}
.caseDetail-bubble{width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-top: 12px solid #fff; bottom: -12px; right: 75px;}
.caseDetail-box-intro ul > li{float: left;margin-right: 5px; font-size: 12px;}
.caseDetail-box-img{width: 94px;}
.caseDetail-box-img-intro{width: 165px;}
.caseDetail-box-intro ul  img{border: 1px #eaeaea solid; width:90px; height:90px;}
.caseDetail-box-img-intro > p{margin-bottom: 5px; line-height: 1.3em;color: #333;width: 110%;overflow: hidden;}
.caseDetail-box-img-intro p:nth-of-type(1){
	font-size: 14px;padding-top:5px;
}
.caseDetail-box-img-intro p span{
	float: left;
	overflow: hidden;
}
.caseDetail-box-img-intro p span:last-of-type{
	width: 120px;
}
.caseDetail-box-img-intro i{
	width: 60px;
	overflow: hidden;
	font-style: normal;
	float: left;
	overflow: hidden;
	margin-bottom: 3px;
}
.caseDetail-box-img-intro p span i{
	display: inline-block;
}
.caseDetail-box-img-intro > p:first-child{margin-bottom: 10px;}
.caseDetail-box-label{color: #666;}
.box-btn{display: inline-block; line-height: 34px; border: 1px #b4b4b4 solid; height: 34px;width: 134px;text-align: center;}
.box-btn:hover{border: 1px #ff5d5e solid; color: #ff5d5e;}
.box .textcenter{margin-top: 5px;}

/*fullScene*/
#fullScene{background: #f7f7f7;}
.fullScene-list{width: 1220px}
.fullScene-list > li{float: left; margin-right: 15px; margin-bottom: 10px;}
/*.fullScene-list > li:nth-child(3n+3){margin-right: 0;}*/
.fullScene-list li .pic{position: relative; height:434px;}
.fullScene-list li .pic .hiddent{position: absolute;left: 0;top: 0;display: none;}
.fullScene-list li .pic .hiddent,.fullScene-list li .pic .hiddent img{width: 390px;height: 434px;}
.fullScene-list li:hover .pic .hiddent{display: block;}
.fullScene-intro{padding: 10px 15px;height: auto; border-left: 1px #f2f2f2 solid; border-right: 1px #f2f2f2 solid; background: #fff; border-bottom: 2px #f2f2f2 solid; line-height: 24px; font-size: 14px;}
.fullScene-intro p{color: #666;font-size: 12px;}
.fullScene-intro p a{color: #333;font-size: 14px;}
.fullScene-intro p a:hover{color: #ff343f;}
input.alllist-search{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; height: 24px; width: 200px; line-height: 24px; padding: 2px 5px;}
.search-sub{height: 30px; line-height: 30px; padding: 0 8px; background: #ff343d; border: none;}
.caseDetail-push-list1{width: 1220px; margin-top:15px;}
.caseDetail-push-list1 li{float: left;margin:0 13px 13px 0;}
.caseDetail-push-list1 .pic{ width:290px; height:290px; overflow:hidden;}

/*winner*/
.w-586{width: 599px; height: auto; border-right: 1px #fff solid;}
.w-614{width: 600px; height: auto;}
.winner-p-font{width: 199px; height: 199px; background: #444; top: 0; left: 0; padding: 50px; line-height: 24px; color: #fff; text-align: center;}
.winner-p-font > p{font-size: 12px;}
/*.w-586 div{line-height: 0;}*/
.winner-p li{margin-bottom: 40px;}
/*.winner-p li:last-child{margin-bottom: 0;}*/
.borderw{border-right: 1px #fff solid;}
.winner-p-n{border-top: 1px #fff solid;}
.winner-p-n img{display: block; float: left;}
.winner-p-n img:first-child{border-right: 1px #fff solid;}
.winner-p-title{line-height: 25px; color: #fff; text-align:center;}
.img-link{display:inline-block; line-break: 24px; padding: 0 9px; background: #ff5657; color: #fff; font-size: 14px; margin: 0 auto; margin-top: 20px;}
.img-link:hover{color: #fff;}
.w-900{width: 900px;}


#caseList .paging .active{color: #fff;}
.fixed-bottom-bar input[type="text"]{padding: 0;}
.caseDetail-left .share-down{border-top: solid 1px #e2e2e2;margin: 0 20px;padding:20px 0 0 345px;overflow: hidden;}
.caseDetail-left .share2{ width:186px;line-height: 28px;margin-top: -3px;}
.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;}
.caseDetail-left .tags{border-top: solid 1px #e2e2e2;line-height: 38px;padding: 0 20px;}
.caseDetail-left .tags a{margin-right: 15px;}


.sidebar {
    float: left;
    width: 290px;
}
.case-designer-info {
    background-color: #f9f9f9;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.case-designer-info h4{
    font-size: 18px;
}
.case-designer-info p{
    margin: 0 0 10px;
}
.case-qiuck-apply {
    background-color: #f9f9f9;
    padding: 10px 30px;
    text-align: center;
    margin-bottom: 20px;
}
.form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn.btn-orange {
    color: #fff;
    background-color: #ea5703;
    padding: 5px 20px;
    border-radius: 5px;
}
.btn.btn-black {
    color: #fff;
    background-color: #333;
    padding: 5px 20px;
    border-radius: 5px;
	    width: 189px;
    display: block;
    margin-top: 10px;
}
.form-control {
    display: block;
    width: 92%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.case-qiuck-apply h4{
	font-size: 18px;
}
.case-qiuck-apply .form-group{
	width:260px;
}
.caseDetail-img .relative{
	margin-bottom:10px;
	    overflow: hidden;
}