﻿/*特色房头部字体优化*/
.m-photowallNav .m-tabs-link{
    position:absolute;
    z-index:1;
    text-align: center;
    font-size: 0;
    color: #d9d9d9;
    background:url("../images/alpha-bjnav.png") repeat;
    width:100%;
    height: 45px;
    line-height: 45px;
    margin:0;
}
.m-photowallNav .m-tabs-link a {
    display: inline-block;
    line-height: 30px;
    padding: 0 22px;
    font-size: 14px;
    position: relative;
    color:#fff;
    vertical-align: middle;
}
.m-photowallNav .m-tabs-link a:after {
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    width: 1px;
    height: 20px;
    background-color: transparent;
}
.m-photowallNav .m-tabs-link .current {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    cursor: default;
    position: relative;
    right: -1px;
    z-index: 9;
    font-weight:bold;
    border:0;
}

/**banner**/
.tese_banner{ width:100%;  position:relative;  height:550px; background:#000;  }
.tese_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.tese_banner .bd ul{ width:100% !important;  }
.tese_banner .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;  }
.tese_banner .bd li a{ display:block; height:550px; }
.tese_banner .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0;text-align:center; height:30px; line-height:30px;}
.tese_banner .hd li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; line-height:20px;height:20px; margin:5px; color:#fff; background:#458527; border-radius:50%;}
.tese_banner .hd .on{ background:#ce9922;}

 .tese_banner .btn-prev,
        .tese_banner .btn-next {
            display: block;
            width: 70px;
            height: 70px;
            opacity: .85;
            filter: Alpha(opacity=85);
            overflow: hidden;
            text-indent: -30000px;
            background: url(../images/u-slide-btns.png) no-repeat;
            display: none;
        }

        .tese_banner:hover .btn-prev,
        .tese_banner:hover .btn-next {
            display: block;
        }

        .tese_banner .btn-prev {
            position: absolute;
            top: 50%;
            left:0;
            margin-left:0;
            margin-top: -30px;
            background-position: 0 0;
        }

        .tese_banner .btn-next {
            position: absolute;
            top: 50%;
            right:0;
            margin-right:0;
            margin-top: -30px;
            background-position: -78px 0;
            z-index: 99;
        }

        .tese_banner .btn-prev:hover,
        .tese_banner .btn-next:hover {
            opacity: 1;
            filter: Alpha(opacity=100);
        }
		
/**城市筛选**/
.filter-tab{
	width:202px;
	height:58px;
	margin:20px auto 0;
	
	background-color: #f6f6f6;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.06);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.06);
	box-shadow: 0 1px 1px rgba(0,0,0,.06);
	border: solid 1px #e7e7e7;
}
.filter-tab ul{
	height:58px;
	overflow:hidden;
}
.filter-tab ul li{
	float:left;
	width:200px;
	line-height:56px;
	height:56px;
	text-align:center;
	font-size:20px;
}
.filter-tab ul li a{
	display:block;
}
.filter-tab ul a:hover,
.filter-tab ul .current{
	border:1px solid #f90;
	color:#f90;
	text-decoration:none;
	background-color:#FFF;
}
.filter-tab ul .current{
	cursor:default;
}
.filter-tab ul [class^="icon"]{
	display:inline-block;
	width:21px;
	height:22px;
	margin:0 10px;
	background:url(../Images/filter-icon.png) no-repeat;
	
}
.filter-tab ul .icon-type{
	background-position:0 0;
	vertical-align:-6px;
}
.filter-tab ul .icon-city{
	background-position:-25px 0;
	vertical-align:-4px;
}
.filter-cont{
	width:442px;
	background-color:#FFF;
    border:1px solid #ccc;
	display:none;
}
.filter-cont .filter-list{
	padding:10px 20px;
	overflow:hidden;
}
.filter-cont .filter-list li{
	float:left;
	width:100px;
	margin-top:6px;
}
.filter-cont .filter-list a{
	display: inline-block;
	line-height: 18px;
	height: 18px;
	padding: 0 4px 2px 2px;
	overflow: hidden;
	max-width: 68px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.filter-cont .filter-list a:hover{
	  background-color: #3b83cb;
	  text-decoration: none;
	  color: #fff;
}
.filter-cont .filter-list-ck a{
	padding-left: 22px;
	background-image: url(../Images/u-checkbox.png);
	background-position: 3px -24px;
	background-repeat: no-repeat;
}
.filter-cont .filter-list-ck a:hover,
.filter-cont .filter-list .select{
    background-color: #3b83cb;
	background-position: 3px 3px;
	color:#fff;
}
/* 瀑布流 */
.main-posts {
    position: relative;
    z-index: 6;
}

.post-masonry {
    margin-bottom: 30px;
}

.post-masonry .post-thumb {
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
}

.post-masonry .post-thumb img {
    width: 100%;
    display: block;
}

/* 瀑布流 */
.m-h-list{
	width:100%;
	margin-top:15px;
	overflow:hidden;
	
	
}
.m-h-list ul{
	overflow:hidden;
	/*margin-left:-15px;*/
	
}
.m-h-list ul li{
	float:left;
	width:386px;
	margin:15px 5px 0;
	border:1px solid #ddd;
	background-color:#FFF;
}
.m-h-list ul .link-pic,.m-h-list ul .link-pic img{
	display:block;
	width:386px;
	height:240px;
}
.m-h-list ul .link-pic{
	position:relative;
	left:-1px;
	top:-1px;
}
.m-h-list ul .link-pic .btn-prev,
.m-h-list ul .link-pic .btn-next{
	display:block;
	width:38px;
	height:66px;
	margin-top:-33px;
	background:url(../Images/u-btn.png) no-repeat 0 center;
	display:none;
}
.m-h-list ul .link-pic:hover .btn-prev,
.m-h-list ul .link-pic:hover .btn-next{
	display:block;
}

.m-h-list ul .link-pic .btn-prev{
	position:absolute;
	left:10px;
	top:50%;
	background-position:0 center;
}
.m-h-list ul .link-pic .btn-next{
	position:absolute;
	right:10px;
	top:50%;
	background-position:-42px center;
}
.m-h-list ul .link-pic .btn-prev:hover{
	background-position:0 center;
}
.m-h-list ul .link-pic .btn-next:hover{
	background-position:-42px center;
}

.m-h-list ul .link-pic img{
	background-color:#ddd;
}
.m-h-list ul .h-info{
	padding:15px 14px 6px;
	border-bottom:1px solid #eee;
	text-align:right;
	overflow:hidden;
	color:#333;
}
.m-h-list ul .h-info h2{
	float:left;
	width:270px;
	text-align:left;
   font-size:14px;
}

.m-h-list ul .h-info .h-title{
	display: inline-block;
	max-width: 270px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#333;
}
.m-h-list .h-info .number{
	font-family:Tahoma;
}
.m-h-list .h-info .rmb-box{
	margin-top:-1px;
}
.m-h-list .h-info .rmb-box .f-vt,
.m-h-list .h-info .rmb-box .number{
	color:#f60;
}
.m-h-list .h-info .rmb-box .f-vt{
	font-size:14px;
	font-family:Arial;
}
.m-h-list .h-info .rmb-box .number{
	font-size:16px;
}
.m-h-list .lab-box{
	clear:left;
	line-height:24px;
	margin-left:-5px;
	text-align:left;
	color:#999;
}
.m-h-list .lab-box .lab-box{
	display:inline-block;
	margin:0 5px;
}
.m-h-list .main-box{
	padding:10px 14px 0;
	color: #999;
}
.m-h-list .main-box h2{
    line-height:1.8;
	padding-bottom:10px;
	font-size:12px;
	color:#333;
}

.m-h-list .main-box .text-box{
	padding:0 0 10px;
}
.m-h-list .main-box .menu-box{
	overflow:hidden;
}
.m-h-list .main-box .menu-box .span-text{
	float:left;
	display:block;
	width:80px;
}
.m-h-list .link-btn .icon-praise,
.m-h-list .link-btn .icon-chevron,
.m-h-list .link-btn .icon-share{
	display:inline-block;
	width:16px;
	height:24px;
	margin-right:6px;
	background:url(../Images/icon-gray.png) no-repeat 0 0;
	overflow:hidden;
	vertical-align:-12px;
}
.m-h-list .link-btn .icon-praise{
	background-position:-16px -30px;
}
.m-h-list .link-btn .icon-chevron{
	background-position:0 -30px;
}
.m-h-list .link-btn .icon-share{
	background-position:-33px -30px;
}
.m-h-list .active{
	cursor:default;
	text-decoration:none;
}
.m-h-list .active .icon-praise,
.m-h-list .link-btn:hover .icon-praise{
	background-position:-16px 0;
}
.m-h-list .link-btn.active .icon-chevron,
.m-h-list .link-btn:hover .icon-chevron{
	background-position:0 0;
}
.m-h-list .active .icon-share,
.m-h-list .link-btn:hover .icon-share{
	background-position:-32px 0;
}



.m-h-list .main-box .h-comments .l,
.m-h-list .main-box .h-comments .r{
	display: inline-block;
	width: 16px;
	height: 12px;
	background: url(../Images/yinhao.png) no-repeat;
}
.m-h-list .main-box .h-comments .l{
	margin-right:5px;
	background-position: 0 0;
}
.m-h-list .main-box .h-comments .r{
	margin-left:5px;
	background-position: -24px 0;
}
.m-h-list .main-box .r-comments .icon-box{
	display:block;
	float:left;
	width:28px;
}
.m-h-list .main-box .r-comments .i-tujia{
	display:inline-block;
	width:19px;
	height:22px;
	margin-right:10px;
	background:url(../Images/icon-real.png) no-repeat 0 0;
	vertical-align:-6px;
}
.m-h-list .main-box .r-comments .text-box{
	margin:0 0 0 28px;
	padding:0 0 10px 0 ;
}

/**********体验房**********/
.search-area{
	height:80px;
	padding-top:10px;
	background:#f8f8f8;
	/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');*/
}
/*:root .search-area {
	filter:none;	 
	background-color:rgba(255,255,255,0.5);
}*/
.search-cont{
	width:1190px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}
.search-cont .date-tab{
	float:left;
	width:510px;
}
.search-cont .date-tab ul{
}
.search-cont .date-tab li{
	float:left;
	width:171px;
	height:70px;
	margin:0 -1px 0 ;
	border-right:1px solid #eee;
}
.search-cont .date-tab li a{
	display:block;
	font:bold 14px/70px "微软雅黑";
	text-align:center;
}
.search-cont .date-tab li a:hover,.search-cont .date-tab li .current{
	text-decoration: none;
    background:#397FC9;
	color: #FFF;
	position: relative;
	right:-1px;
}
.search-cont .date-tab li .current {
    cursor: default;   
}
.custom-search{
	float:left;
	width:680px;
}
.custom-search h2{
	float:left;
	line-height:70px;
	margin-left:50px;
	font-size:14px;
	color:#999;
}
.custom-search .control-group{
	float:left;
	width:150px;
	margin-left:20px;
}
.custom-search .control-group .controls-label{
	display:none;
}
.custom-search .control-group .controls{
	height:40px;
	margin-top:15px;
	border:1px solid #ddd;
	
}
.custom-search .control-group .label-box{
	display:block;
	width:148px;
	position:relative;
	cursor:pointer;
}

.custom-search .control-group .controls .date-ipt{
	line-height:38px;
	width:109px;
	height:38px;
	padding:5px 10px;
	background:#f8f8f8;
}
.custom-search .control-group .controls .i-date{
	width:38px;
	height:38px;
	background:url(../Images/icon-date.png) no-repeat 0 0;
	border-left: 1px solid #ddd;
	position: absolute;
	right: 0;
	top: 0;
}
.custom-search .control-group .controls .t-i-date{
	background-position: 0 -42px;
}
.custom-search .control-group .controls .date-mark{
	line-height:38px;
	position:absolute;
	left:10px;
	top:0;
}

.custom-search .button-group .controls{
	border:none;
}
.custom-search .button-group .search-btn{
	display:block;
	width:178px;
	height:40px;
	border:1px solid #ef7a06;
	background:url(../Images/m-search-btn.png) no-repeat -30px 0;
	font:normal 14px/40px "微软雅黑";
	letter-spacing: 2px;
	text-indent:90px;
	text-align:left;
	color:#fff;
}
.custom-search .button-group .search-btn-active,
.custom-search .button-group .search-btn:hover{
	background-position:-30px -41px;
}
.custom-search .button-group .search-btn:hover{
	cursor:pointer;
}
.m-city-list{
	margin-top:10px;
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #eee;

}
.m-city-list ul{
	position:relative;
	top:1px;
	background:#fff;
    height:40px;
    overflow:hidden;
}
.m-city-list ul li{
	float:left;
	width:170px;
	height:41px;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
.m-city-list ul a{
	display:block;
	font:bold 14px/40px "微软雅黑";
	text-align:center;
}
.m-city-list ul .number-box{
	font-weight:normal;
	font-family:Tahoma;
	color:#ccc;
}
.m-city-list ul  a:hover,.m-city-list ul  .current,
.m-city-list ul  a:hover .number-box,.m-city-list ul  .current .number-box{
     color: #FFF;
}
.m-city-list ul  a:hover,
.m-city-list ul  .current {
    text-decoration: none;
    background:#397FC9;
	 position: relative;
	right:-1px;
}

.m-city-list ul .current {
    cursor: default;
}
.citySelector{ float:right !important; left:auto !important; right:8% !important;}
.m-column-name{
	line-height:30px;
	height:30px;
	margin-top:36px;
	position:relative;
}
.m-column-name h2{
	display:inline-block;
	padding-right:30px;
	font-size:28px;
	background:#f8f8f8;
	
	position:relative;
	z-index:1;
}
.m-column-name h2 span{
	color:#f60;
}

.m-column-name .line{
	width:100%;
	height:1px;
	background-color:#fff;
	border-top:1px solid #ccc;
	overflow:hidden;
	
	position:absolute;
	left:0;
	top:50%;
}
.m-exp-house ul{
	margin-left: -40px;
}
.m-exp-house li{
	float: left;
	width: 368px;
	height: 426px;
	margin: 40px 0 0 40px;
	background: #fff;
	border: solid 1px #ddd;
	position: relative;
	-webkit-box-shadow: 0 3px 5px rgba(6,0,1,.1);
	-moz-box-shadow: 0 3px 5px rgba(6,0,1,.1);
	box-shadow: 0 3px 5px rgba(6,0,1,.1);
}
.m-exp-house li:hover{
	border: solid 1px #fc0;
}
.m-exp-house li .houses-tag {
    line-height: 30px;
    height: 38px;
    padding: 0 8px 0 4px;
    background: url(../images/house-tag-bj-x.png) repeat-x;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 9;
}
.m-exp-house .houses-tag:after,
.m-exp-house .houses-tag:before {
	height: 38px;
	content: "";
	display: block;
	background: url(../images/house-tag-bj.png) repeat-x;
}
.m-exp-house .houses-tag:after {
	width: 7px;
	background-position: 0 0;
	position: absolute;
	left: -6px;
	top: 0;
}
.m-exp-house .houses-tag:before {
	width: 8px;
	background-position: -8px 0;
	position: absolute;
	top: 0;
	right: -8px;
}
.m-exp-house .link-pic{
	margin:-1px 0 0 -1px;
	display:block;
	width:370px;
	height:232px;
}
.m-exp-house .house-info{
	margin:16px 20px 0;
}
.m-exp-house .house-info .link-title{
	display:inline-block;
	max-width: 80%;
	font-size:14px;
	font-weight:bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-exp-house .house-info .item-box{
	line-height:24px;
}
.m-exp-house .house-info .item-box .span-text{
	padding:0 6px;
}

.m-exp-house .house-info .haveunits{
	margin-left:14px;
	text-decoration:underline;
    cursor: pointer;
}
.m-exp-house .house-info .haveunits:hover,
.m-exp-house .house-info .map-btn{
	color:#2e7dcd;
}
.m-exp-house .house-info .map-btn{
	margin-left:10px;
}
.m-exp-house .house-info .map-btn .i-map{
	display:inline-block;
	width:16px;
	height:16px;
	
	overflow:hidden;
	background:url(../images/icon-map.png) no-repeat 0 0 ;
	vertical-align:-2px;
}
.m-exp-house .house-info .map-btn:hover .i-map{
	background-position:0 -24px;
}
.m-exp-house .house-info .highlight-text{
	color:#f60;
}

.m-exp-house .picer-info{
	margin-top:14px;
	padding:14px 20px 0;
	border-top:1px solid #eee;
	color:#333;
}
.m-exp-house .picer-info dfn{
	font-family: Arial;
}

.m-exp-house .exp-price-info,.m-exp-house .serve-picer-info{
	display: inline-block;
    *display: inline;
	width:140px;
}
.m-exp-house .serve-picer-info{
	padding-left:14px;
	line-height:18px;
}
.m-exp-house .exp-price-info .f-vt{
	font-size:14px;
	color:#f30;
	vertical-align:9px;
}
.m-exp-house .exp-price-info .f-vb{
	vertical-align:0;
}
.m-exp-house .exp-price-info .price-value{
	margin:0 2px;
	font:normal 30px/1.5 Tahoma;
	color:#f30;
	vertical-align:-2px;
}
.m-exp-house .serve-picer-info .f-vt,
.m-exp-house .serve-picer-info .price-value{
	color:#f60;
}
.m-exp-house .serve-picer-info .f-vt{
	vertical-align:1px;
	font-size:10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.m-exp-house .serve-picer-info .f-vt{
		vertical-align:0;
	}
}
.m-exp-house .serve-picer-info .price-value{
	font-weight:bold;
	font-family:Tahoma;
}