/* CSS Document */
h1,h2,h3,h4,h5,h6,input,button,textarea{font-family:"Microsoft YaHEI","Arial";}

/*妤肩洏椤甸潰*/
.property-nav{ background:#f7f7f7; border:1px solid #e9e9e9; border-bottom:2px solid #008fe4; height:40px}
.property-nav ul li{ float:left; font-size:16px;padding-right:1px}
.property-nav ul li a{ height:40px; line-height:40px; padding:0 20px; display:inline-block}
.property-nav ul li a:hover,.property-nav ul li.cur a{ background:#008fe4; color:#fff!important; text-decoration:none}

.main{ width:1200px; margin:0 auto;font-family:"Microsoft YaHEI","Arial";}

/*crumbs*/
.crumbs{color:#818181}
.crumbs a{color:#818181}

.property-title{ margin:30px 0 0;}
.property-title h1{ display:inline-block; font-size:28px;padding-right:10px; float:left; line-height:30px}
.property-title-state{ display:inline-block;color:#818181; float:left;line-height:30px}
.property-title .tags{ margin-top:15px}
.property-title .property-tel{ margin-top:40px}
.property-title .f_left{*width:500px}

/*tel*/
.property-tel-over{display:inline-block; float:right;font-size:20px; color:#fc5600;}
.property-tel-over-left{display:inline-block; font-size:20px; color:#fc5600;}
.property-tel-text-left{width:100px;height:50px;line-height: 50px;font-size: 18px; color:#818181;}
.property-tel-over em{ font-size:14px; color:#333;}
.property-tel{ display:inline-block; float:right; position:relative; z-index:99}
.property-tel a{ font-size:20px; color:#fc5600; background:url(../img/tel_ico.png) no-repeat right 1px; padding-right:95px}
.property-tel a em{ font-size:14px; color:#333;}
.property-tel.cur a{background:url(../img/tel_ico.png) no-repeat right 1px; padding-right:95px}
.property-tel a:hover{color:#fc5600!important; text-decoration:none;}
.dial_block{ position:absolute; right:0; top:30px; width:330px; display:none}
.property-tel.cur .dial_block{ display:block}
.dial_block .arrow_ico{ background:url() no-repeat left -190px; display:inline-block; width:8px; height:5px; position:absolute; right:53px; top:-5px}
.dial_block0{ border:3px solid #fc8e00; background:#fff;padding:25px 15px 15px;}
i.close_ico{ display:inline-block; width:12px; height:12px; background:url() no-repeat right -48px; position:absolute; right:10px; top:10px}
.dial_block0 input{ display:inline-block; width:160px; height:35px; line-height:35px; border:1px solid #dadada; vertical-align:top}
.dial_block0 button{ display:inline-block; width:96px; height:37px; line-height:37px; border:none; background:#fc8e00; font-size:18px; color:#fff;vertical-align:top; margin-left:10px}
.dial_block0 p{ margin-top:15px}

/*preferential-banner*/
.preferential-banner{ height:160px; background:url() no-repeat left top; margin:10px 0 0;width:1200px}
.preferential-infor{width:460px;padding-left:346px;}
.preferential-infor p{ font-size:30px; color:#fff; line-height:36px; margin:8px 0; font-weight:bold}
.preferential-infor ul li{ float:left; width:220px; line-height:28px; color:#fff; background:url() no-repeat left center; padding-left:10px}
.preferential-infor ul {*height:56px;}

.hotdate{ font-size:16px; margin:12px 0 0; padding-left:26px; line-height:22px; background:url() no-repeat left center;color:#fff}
.hotdate span{ display:inline-block}
.hotdate span em{ background:rgba(0,0,0,0.36);padding:4px 5px;display:inline-block; margin-right:5px; border-radius:2px; font-weight:bold}
.preferential-btn{width:160px; text-align:center;margin:41px 36px 0 0}
.preferential-btn button{background:url(../img/preferential-btn.png) no-repeat left top; height:50px;width:160px;color:#ffe400; font-size:20px; font-weight:bold}
.preferential-btn p{ margin-top:10px;color:#fff;}
.preferential-btn p strong{ font-size:20px}

/*property-box*/
.property-box{}
.property-box-pic{width:450px; overflow:hidden;}
.pic-big{ width:450px; height:200px;}
.pic-btn{ margin:10px 0 0;width:465px}
.pic-btn li{ float:left; margin-right:11px; cursor:pointer; position: relative;}
.pic-btn li img{width:80px; height:60px; border:1px solid #fff; opacity:0.5;}
.pic-btn li.cur img{ opacity:1;border:1px solid #fca12c;}
.pic-btn li span{ display:block; position: absolute;;left:0; bottom:5px; height:20px; line-height: 20px;width:100%;  text-align: center;background: url() repeat-x left top;color:#fff;}

.property-box-infor{width:710px;position:relative}
.property-box-infor .tags{ margin:0 0 10px}
.tags span{ display:inline-block; background:#fff; border:1px solid #cacaca;padding:0 8px; color:#818181; height:22px; line-height:22px; margin:0 5px 0 0}
.property-box-parms dt,.property-box-parms dd{ float:left; font-size:18px; line-height:45px}
.property-box-parms dt{width:100px; color:#818181}
.property-box-parms dd{width:600px}
.property-box-parms .price em{font-size:30px; margin:0 3px 0 0}
.property-box-parms .price span{ display:inline-block; font-size:14px;position:relative; height:20px; margin:0;*margin:-50px 0 0;z-index: 100}
.property-box-parms .price .p-trend{ margin-left:30px;}
.property-box-parms .price .p-more{ margin-left:10px;}
.property-box-parms .price a,.property-box-parms .price .p-trend.cur a{ margin-right:10px; background:url() no-repeat left bottom;}

.property-box-parms .price .p-trend a{ background:url() no-repeat left 3px;padding:0 0 0 18px;display:inline-block;height:20px;line-height:20px;color:#818181}
.property-box-parms .price .p-trend a:hover{background:url() no-repeat left -25px;}

.property-box-parms .price .p-more a{ background-position:left -25px;padding:0 0 0 18px}
/*.property-box-parms .price .p-trend a:hover,*/.property-box-parms .price .p-trend.cur a{ background-position:left -56px; text-decoration:none;color:#c00}
.property-box-parms .price .p-more a:hover,.property-box-parms .price .p-more.cur a{ background-position:left -85px;text-decoration:none;color:#c00}
a.map_ico{ background: url(../img/map_ico.png) no-repeat left 14px;display: inline-block;margin-left: 20px; padding-left:20px;color:#818181; font-size:14px}
/*a.map_ico:hover{background: url(../img/map_ico.png) no-repeat left -27px; text-decoration:none}*/
.see_more {margin-bottom: 22px;margin-top: 12px;}
.see_more a{color:#eb6120!important; font-size:18px;}

.property-box-infor-tel{ background:#ffeedf url(../img/infor-tel.png) no-repeat 3px center;padding:20px 20px 20px 44px; height:40px}
.property-box-infor-tel p.tel_number{font-size:30px; color:#eb6120; line-height:41px; float:left;width:380px}
.property-box-infor-tel .property-tel a{ background:url(../img/tel_ico_big.png) no-repeat right 3px;padding-right:114px; height:35px; display:inline-block}
.property-box-infor-tel .dial_block{top:50px}
.property-box-infor-tel .dial_block p{ font-size:16px}

/*title*/
.title{ border-bottom:3px solid #ebebeb; line-height:36px; height:36px}
.title h3{ font-size:18px}
.title span{ display:inline-block;color:#818181}
.title span em{color:#c00}
.title span a{ color:#818181}

/*group-registration*/
.group-registration{width:450px}
.group-registration-input{width:302px;}
.group-registration-input input{border:1px solid #dcdcdc; background:#f7f7f7; height:40px; line-height:40px;width:290px; margin-top:20px}
.group-registration-btn{width:130px; height:40px; font-size:20px; background:#d0000e; color:#fff; margin-top:84px}
.group-registration-input p{color:#c00; display: none}
/*property-dynamic*/
.property-dynamic{ width:100%;}
.property-dynamic dl{ margin-top:20px}
.property-dynamic dt em{ display:inline-block; background:#008fe4; color:#fff;padding:0 4px}
.property-dynamic dt a{ font-size:16px; display:inline-block; margin-left:10px}
.property-dynamic dt span.time{ display:inline-block; float:right;font-size:12px;color:#818181}
.property-dynamic dd{ color:#818181; padding:8px 0; line-height:22px}
.property-dynamic dt.last{ background:url(../img/dian-ico.png) no-repeat left center}

/*registration*/
.registration{ border:2px solid #e8e8e8; padding:15px; height:105px; overflow:hidden}
.route{width:725px;border-right:1px solid #e6e6e6;}
.route strong{ display:inline-block; float:left; font-size:20px;font-weight:normal; margin:10px 0 0;width:67px; text-align:center; line-height:30px;padding-left:20px}
.route_block{ padding-left:30px; line-height:30px;}
.route_block p span{ padding-right:30px; overflow: hidden; white-space: nowrap;    text-overflow: ellipsis; display: inline-block;}
.bus_line{ background:url(../img/bus_line.gif) no-repeat -5px top; width:550px; height:68px; margin-top:10px}
.bus_line ul {padding:12px 0 0 55px; width:472px; margin:0}
.bus_line ul li{ float:left; text-align:center}
.li1{ width:100%}
.li2{ width:50%}
.li3{ width:33%}
.li4{ width:25%}
.li5{ width:20%}
.li6{ width:16%}
.bus_line ul li span,.bus_line ul li em{ display:block;}
.bus_line ul li em{padding:10px 0 0}

.baoming{ width:400px;padding-top:10px}
ul.bm_input{ display:inline-block;padding-right:30px; float:left}
ul.bm_input li{ margin-bottom:15px;}
ul.bm_input li label{ display:inline-block; line-height:36px;_float:left}
ul.bm_input li input{ height:34px; line-height:34px; border:1px solid #e6e6e6;}
.bm_btn{display:inline-block; vertical-align:top; background:#fc8d00; height:34px; line-height:34px; font-size:20px; color:#fff; padding:0; margin-top:53px; width:120px; text-align:center}

/*apartment*/
.apartment-block{ overflow:hidden;width:1200px; position:relative}
.apartment-ul{width:1400px; }
.apartment-ul li{ float:left; width:282px; margin-right:24px; text-align:center; position:relative}
.apartment-ul li img{width:280px; height:220px; border:1px solid #dcdcdc}
.apartment-ul li p{ padding:10px 0 0;color:#818181; font-size:16px}
.apartment-ul li p span{ display:block; color:#333; line-height:36px}
.apartment-ul li a:hover p,.apartment-ul li a:hover p span{color:#c00}
.apartment-ul li i{ display:inline-block; height:26px;width:50px; text-align:center;position:absolute;right:0px;top:0px;color:#fff; line-height:26px}
.hx_waiting{ background:#e73530}
.hx_selling{ background:#2c9df7}
.hx_sellout{ background:#999}


/*building*/
.building{position: relative;}
.building-left,.periphery-matching-left{width:740px; overflow:hidden}
.building-right,.periphery-matching-right{width:420px; overflow:hidden}
.building-right h3{ font-size:16px; margin:0 0 20px}
.building_tabtitle{border-left:1px solid #d8d8d8;height: 42px;}
.building_tabtitle ul li{ float:left;padding:0 15px; text-align:center; background:#f7f7f7;border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8; height:40px; line-height:40px;}
.building_tabtitle ul li a{ color:#818181; display:block}
.building_tabtitle ul li.s1{ background:#fff; border-top:2px solid #0091e2; border-bottom:0;}
.building_tabtitle ul li.s1 a{color:#333}
.building_tabbox{padding:20px 0 0;overflow: auto;height:310px; overflow: auto;}
.building_tabbox a{ display:block; height:36px; line-height:36px; margin-bottom:5px;}
.building_tabbox a:hover{ background:#fff4dc; text-decoration:none}
.building_tabbox a span{padding:0; display: inline-block;vertical-align: top;}
.building_tabbox_a{background:#fff4dc; text-decoration:none}
.building_tabbox_a_hover{background:#fff4dc; text-decoration:none;color:#c00;}
.building_tabbox a span.w190{width:190px;padding-left:10px;height: 36px; overflow: hidden;}
.building_tabbox a span.w120{width:120px;}
.building_tabbox a span.w70{width:70px;}

.periphery-matching-left{ position:relative;}
.life-mark{ position:absolute;top:100px; left:100px; z-index: 9999;}
.life-mark .text{background:#fc5600;border-radius: 4px;font-family: '寰蒋闆呴粦';color: #fff;font-size:16px;line-height: 30px;padding: 0 10px;}
.life-mark .icon{ display:block; background:url() no-repeat left top;width:15px; height:9px; margin:0 12px;}

.map_r {width: 27px;height: 42px;position: absolute;background: url(../img/map_r.png) no-repeat;}
.map_g {width: 27px;height: 42px;position: absolute;background: url(../img/map_g.png) no-repeat;}
.map_g_d {width: 30px;height: 36px;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #6AA700;position: absolute;background: url(../img/map_g_d.png) no-repeat;}
.map_y_d {width: 30px;height: 36px;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #ff6600;position: absolute;background: url(../img/map_y_d.png) no-repeat;}
.map_point_property{width: 30px;height: 30px;z-index: 1;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #6AA700;position: absolute;background: url(../img/pm-tabbox-ico.png) no-repeat}
.map_point_traffic{width: 30px;height: 30px;z-index: 1;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #6AA700;position: absolute;background: url(../img/pm-tabbox-ico.png) no-repeat left -30px;}
.map_point_education{width: 30px;height: 30px;z-index: 1;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #6AA700;position: absolute;background: url(../img/pm-tabbox-ico.png) no-repeat left -60px;}
.map_point_life{width: 30px;height: 30px;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #6AA700;position: absolute;background: url(../img/pm-tabbox-ico.png) no-repeat left -90px;}
.map_point_healthy{width: 30px;height: 30px;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;color: #6AA700;position: absolute;background: url(../img/pm-tabbox-ico.png) no-repeat left -120px;}
#loading{margin-top: 100px;}
#loading img{width:50px;height:54px;}

/*periphery-matching*/
.periphery-matching_tabtitle ul{ height:59px}
.periphery-matching_tabtitle ul li{ float:left; margin-right:32px; width:58px;}
.periphery-matching_tabtitle ul li a{ display:block;background:url(../img/pm-li.png) no-repeat left top; height:59px;}
.periphery-matching_tabtitle ul li a:hover{ text-decoration:none}
.periphery-matching_tabtitle li.l2 a{ background-position:left -59px}
.periphery-matching_tabtitle li.l3 a{ background-position:left -118px}
.periphery-matching_tabtitle li.l4 a{background-position:left -177px}
.periphery-matching_tabtitle li.l5 a{background-position:left -236px}
.periphery-matching_tabtitle li.l5{ margin-right:0}

.pm-tabbox-left{width:120px;}
.pm-tabbox-right{width:288px; border-left:1px solid #d8d8d8;padding-left:10px;height:250px;overflow: auto;}
.pm-tabbox-left h3{color:#818181; margin-bottom:10px}
.pm-tabbox-left ul li{ line-height:30px}
.pm-tabbox-left ul li strong{color:#c00}
.pm-tabbox-right li{ height:50px; line-height:50px; overflow:hidden}
.pm-tabbox-right li i{ display:inline-block; width:24px; height:28px; float:left; background:url(../img/pm-tabbox-ico.png) no-repeat left top; margin:10px 3px 0 0}
.pm-tabbox-right li span{ display:inline-block; float:left;width:175px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.pm-tabbox-right li em{ display:inline-block; float:right}
.pm-tabbox-right li i.traffic-ico{ background-position:left -30px}
.pm-tabbox-right li i.education-ico{ background-position:left -60px}
.pm-tabbox-right li i.life-ico{ background-position:left -90px}
.pm-tabbox-right li i.healthy-ico{ background-position:left -120px}

/*property-album*/
.property-album,.guess-like{ overflow:hidden;}
.photo-list{width:1230px}
.photo-list li{ float:left; width:380px; text-align:center; margin:20px 30px 0 0; position:relative}
.photo-list li span{ display:block; height:42px; line-height:42px; position:absolute; bottom:4px; left:0;width:100%;color:#fff; background:url() repeat-x left top;}
.photo-list li img{ width:380px;}

/*guess-like*/
.guess-like-list{width:1228px}
.guess-like-list li{ float:left;width:280px; margin-right:27px}
.guess-like-list li img{ width:280px;}
.guess-like-list li p a{ font-size:18px; display:inline-block; margin-top:10px}
.guess-like-list li p .price{ display:block;padding:6px 0; line-height:24px}
.guess-like-list li p .price strong{ color:#c00; font-size:20px; font-weight:normal}

/*example*/
.example dl{padding:20px 0; min-height:30px}
.example dl dt{ float:left;width:100px; font-size:16px;}
.example dl dd{ float:right;width:1090px; line-height:30px;}
.example dl dd a{ margin:0 10px; display:inline-block}
.example dl.line{ border-bottom:1px dashed #d6d6d6}

.main-left{width:870px;}
.main-right{width:300px;}

/*ad*/
.slideBox{ position:relative; width:300px; height:200px;z-index:100; margin-top:20px}
.slideBox ul li{list-style: none;float: left;}
.slideBox .dots { position: absolute;right: 10px; bottom: 2px;}
.slideBox .dots li {display: inline-block; width: 10px;height: 10px; margin: 0 4px; text-indent: -999em;  background: #fff;border-radius: 6px; cursor: pointer;  -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.slideBox .dots li.active {background: #ff0000;}

.imagebox {position: absolute; right:0; top:10px;}
.bitdiv {cursor: pointer;display: inline-block; float: right;height:8px;margin: 0 5px 0 0; width:8px; overflow:hidden}
.defimg{ background:url(../img/01.png) no-repeat left top;}
.curimg{}

/*鍥㈣喘鎶ュ悕*/
input.input-bm{background:#f7f7f7;border: 1px solid #dcdcdc;height: 40px;line-height: 40px; margin-bottom:10px;width: 288px;}
button.btn-red{ display:block; background:#d0000e;width:100%; height:40px;color:#fff; font-size:18px}
button.btn-yellow{ display:block; background:#fb8d00;width:100%; height:40px;color:#fff; font-size:18px}

/*more-price*/
.more-price,.feedback,.mortgage-calculation,.trend{ background:#fff; border:1px solid #dcdcdc;width:300px; margin:0;padding:20px;font-family:"Microsoft YaHEI","Arial";}
.more-price{ left:0px;top:40px; display:none}
.more-price li{ line-height:36px; font-size:18px}
.more-price li em{color:#c00; font-size:20px!important}

/*feedback*/
.feedback{ font-size:16px;right:70px; top:0; display:none}
.feedback label{padding-bottom:6px; display:block}
.feedback textarea,.feedback input{ display:block; margin-bottom:20px;width:296px;padding:0 2px}
.feedback input{ height:32px; line-height:32px}
.feedback button,.mortgage-calculation button{ height:32px; background:#ffb675;width:100%; color:#fff; font-size:16px}

/*mortgage-calculation*/
.mortgage-calculation{right:70px; top:0;}
.mortgage-calculation li{ margin-bottom:15px; line-height:24px; font-size:16px}
.mortgage-calculation li label{ display:inline-block;}
.mortgage-calculation li select{ width:200px;padding:6px 0}
.mortgage-calculation li span{ display:inline-block}
.mortgage-calculation .back{ display:inline-block; margin-bottom:10px; font-size:16px}

.trend{left:0; top:40px;display:none;}
.property-box-parms .price .p-trend.cur .trend,.property-box-parms .price .p-more.cur .more-price{ display:block}


.periphery-matching_tabbox{display:none;}

.building-left{ position:relative;}
.pop-ico{ position:absolute; right:0; top:0;z-index:1426041268;}
.building-pop{width:330px;position:absolute;overflow:visible; left:100px; top:50px;postion:absolute;z-index:1426041269;display:none;}
.building-pop-block{background:#fff;  padding:10px 14px; border:1px solid #ced1ce;width:300px;}
.building-pop-block ul li{ float:left;width:150px; line-height:30px}
.building-pop-block ul li.last{ float:none; width:300px}
.building-pop-block ul li.first{ color:#ff6000}
.building-pop-block ul li em{color:#818181}
.building-pop-block ul li strong{color:#c00;font-size:16px}
i.building-pop-ico{ display:block;height:12px; text-align:center; background:url(../img/building-pop-down.png) no-repeat center top; margin-top:-1px;}

.house_title{font-size: 18px;}

.state{ background:#ebebeb; padding:10px; line-height: 24px;}
.state span{font-weight: bold;}

/*panorama_img*/
.panorama_img{ border:1px solid #eaeaea; padding:10px; background:#fff;}
.panorama_img img{ width:1180px; height:300px}
.panorama p{ padding:10px 0 0; line-height:24px;}

/*relation*/
.relation{ display:inline-block; float:left; margin-left:20px; position:relative}
.relation a.relation-ico{ background:#fff url(../img/city_ico.png) no-repeat 90px center; border: 1px solid #ccc;display: block; height:28px;padding-left: 10px; width:95px; line-height:28px; position:relative; z-index:101}
.cur a.relation-ico{ border-bottom:none}
.relation a:hover{ text-decoration:none}
.relation ul{ background:#fff; position:absolute; top:28px; left:0;border: 1px solid #ccc; z-index:100;width:280px;padding:8px 0}
.relation ul li a{ display: block;line-height: 28px;padding:0 5px 0 10px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap}


.follow_projects{position:absolute;right:0;/* top:22px 鍒犻櫎*/}
.follow_projects a{display:block;width: 115px;height:30px;line-height:30px;color:#818181;text-align:center;border-radius: 2px;}
.follow_projects a:hover{ text-decoration:none;color:#eb6120!important}
.not_concerned{border:1px solid #cacaca;}
.concerned{border:1px solid #f3a079;color:#eb6120!important}
.not_concerned i{ display:inline-block; background:url(../img/follow_ico.png) no-repeat left 5px;width:24px; height:30px; vertical-align:top; margin-right:3px}
.concerned i{ display:inline-block; background:url(../img/follow_ico.png) no-repeat left -30px;width:24px; height:30px; vertical-align:top; margin-right:3px}

/*专车看房*/
.car_home{position:absolute;right:0; top:45px;width:120px;}
.car_home a{ display:block;background:url(../img/carhome_ico.png) no-repeat left top; height:32px; line-height:32px; padding-left:38px; font-size:18px;color:#fff; margin-bottom:5px;}
.car_home a:hover{color:#fff!important; text-decoration:none}
.car_home p{ text-align:right}
.car_home p span{color:#fc5600}

.ask-tel {background: url('') no-repeat;width: 114px;height: 32px;display: block;float: right;margin-top: 2px; text-indent: -9999px;}
.all_hx,a.kpjf{color:#818181;font-size:14px; background:url() no-repeat left 1px; padding-left:24px; margin-left:20px}
.all_hx:hover{ background:url(../img/hx_ico2.png) no-repeat left 1px;}
a.kpjf:hover{ background:url(../img/hx_ico2.png) no-repeat left -33px;}
.property-tel a:hover{background:url(../img/tel_ico_big2.png) no-repeat left 3px}
.ask-tel:hover{background:url(../img/asks-hover2.png) no-repeat left 0px!important}
.property-tel-small  a:hover{background:url(../img/tel_ico2.png) no-repeat right 1px!important}
a.map_ico:hover{background: url(../img/map_ico.png) no-repeat left -29px;}
a.kpjf{ background-position:left -33px;}