/* sprite */
.jsq, .bj {position: relative; font-size: 14px;color:#4884ff;}
.jsq:hover,.bj:hover{color:#4884ff;}
/*.jsq {margin-left: 20px;}*/
.jsq s,.bj s {width: 16px; height: 16px; display:inline-block;vertical-align: middle;margin-right: 5px}
.jsq s{background: url('../images/ic_jsq.png') no-repeat;}
.bj s {background: url('../images/ic_bj.png') no-repeat;}

/* 户型详细 */
.hx-detail {margin: 40px 0;}
.hx-info {float: right; width: 430px; font-size: 14px; overflow: hidden;}
.hx-item {padding: 15px 0; border-bottom: 1px solid #eee;}
.hx-item.hx-title{padding:0 0 15px 0;}
.hx-item h1 {font-size: 30px; line-height: 40px; font-weight: bold;font-size: 26px;color:#212121; margin-bottom: 5px;}
.item-p {height: 40px; line-height: 40px;font-size: 16px;}
.hx-item label {color:#212121;}
.hx-item .price {font-size: 32px; vertical-align: -3px; font-weight: bold; color: #f1370b; padding-right: 3px;}
.hx-item .price em{font-size: 16px;font-weight: bold;}
.hx-item .num {font-size: 18px; color: #212121;font-weight: bold;}
.hx-item dl {float: left; width: 40%; line-height: 35px;}
.hx-item dl.l {width: 60%;}
.hx-item dt {color: #999;}
.hx-item dt, .hx-item dd {float: left;}
.hx-item h2 {font-size: 16px; margin: 10px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: bold;color:#212121;}
.hx-item .bm-num {font-size: 16px;color: #212121;}
.hx-item .bm-num strong {font-weight: bold; color: #f1370b; padding: 0 3px;}
.hx-item .bm-btn {width: 148px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; display: inline-block; background: rgb(241, 55, 11); text-align: center; margin: 10px 0 0 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.hx-item:last-child{border-bottom: 0;}
.hx-item a:hover.bm-btn {background-color: #f95028; text-decoration: none; color: #fff;}
.hx-item .jsq {margin-left: 0;}
.hx-item .bj {margin-left: 30px;}

.hx-info .note {padding: 15px 0; border-bottom: 1px solid #eee;}
.hx-info .note dt {float: left; width: 70px; color: #999; line-height: 35px;}
.hx-info .note dd {position: relative; overflow: hidden; padding-top: 5px; line-height: 25px;}

.hx-detail .comtit{padding:25px 0 20px;font-size: 14px;color:#9fa0ab;}
.hx-detail .comtit .ftime{margin-right: 40px;}
/* 图集 */
.hx-detail .hx_slide {width: 510px; height: 542px;position: relative;float: left;margin-right: 60px;}
.w1200 .hx-detail .hx_slide {width: 710px;}
.hx-detail .hx_slide .album {position: relative; width: 710px;height: 450px; overflow: hidden;}
.hx-detail .hx_slide .album li {float: left; position: relative; width:100%;height: 450px;line-height:450px;text-align: center;background-color: rgb(45, 47, 59);}
.hx-detail .hx_slide .album li a {display: block; text-align: center;}
.hx-detail .hx_slide .album li i{display: inline-block;height: 100%;vertical-align: middle;}
.hx-detail .hx_slide .album li img {max-width: 510px; max-height: 450px; display: inline; z-index: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.w1200 .hx-detail .hx_slide .album li img {max-width: 710px;}
.hx-detail .hx_slide .thumb {width: 710px;margin: 10px auto;position: relative;}
.hx-detail .hx_slide .plist {width:650px; height: 82px; overflow: hidden; margin: 0 auto;}
.hx-detail .hx_slide .plist ul{height: 82px;}
.hx-detail .hx_slide .plist li {float: left; width: 120px; height: 82px; margin:0 0 0 8px;position: relative;text-align: center;background-color: rgb(45, 47, 59);}
.hx-detail .hx_slide .plist i { display: block;position: absolute;top: 0;left: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,.45);width: 100%;height: 100%;}
.hx-detail .hx_slide .plist a {position:relative;width: 120px;  overflow: hidden; outline: 0; text-align: center; text-decoration: none; display: block; cursor: pointer;}
.hx-detail .hx_slide .plist .on a {border-color: #fff;}
.hx-detail .hx_slide .plist .on a i{opacity: 0;}
.hx-detail .hx_slide .plist img {max-width: 100%; max-height: 100%; display: inline; z-index: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.hx-detail .hx_slide .sprev, .hx-detail .hx_slide .snext {position: absolute; top:0;  height: 82px; width: 30px; line-height: 82px; overflow: hidden;background: rgba(0,0,0,.77);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c4000000,endColorstr=#c4000000);}
.pageState{position: absolute;bottom: 102px;right: 20px;height: 30px;line-height: 30px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 16px;color:#fff;z-index: 9;}

.hx-detail .hx_slide .sprev {left: 0;}
.hx-detail .hx_slide .snext {right: 0;}
.w1200 .hx-detail .hx_slide .sprev {left: 0;}
.w1200 .hx-detail .hx_slide .snext {right: 0;}
.hx-detail .hx_slide .sprev i, .hx-detail .hx_slide .snext i {width: 11px;height: 11px;position: absolute;top:50%;margin-top: -6px;vertical-align: middle;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";}

.hx-detail .hx_slide .sprev i {left: 10px;border-bottom: 3px solid #fff;border-left: 3px solid #fff;}
.hx-detail .hx_slide .snext i {right: 10px;border-top: 3px solid #fff;border-right: 3px solid #fff;}
.hx-detail .sprev.prevStop i{border-bottom: 3px solid #f6f6f6;border-left: 3px solid #f6f6f6;cursor: default;}
.hx-detail .snext.nextStop i{border-top: 3px solid #f6f6f6;border-right: 3px solid #f6f6f6;cursor: default;}

.hx-detail .hx_slide .album li video{position: absolute;top:0;left:0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin:auto;}
.hx-detail .hx_slide .album li iframe,.hx-detail .hx_slide .album li embed{width: 100%;height: 450px;border:0;}
.hx-detail .hx_slide .plist li s.splay{display: block;width: 30px;height: 30px;position: absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;background:url(../images/small_play.png) no-repeat center center;background-size: cover;z-index: 999;}
.hx-detail .hx_slide .plist li s.svr{display: block;width: 36px;height: 36px;position: absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px;background:url(../images/small_vr.png) no-repeat center center;background-size: cover;z-index: 999;}