@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
body {font:12px/1.5 "微软雅黑",Helvetica,Arial,Sans-serif; color:#333;_height:100%; background-attachment:fixed; overflow: hidden;}
select,input,button {vertical-align:middle;font-size:100%;}
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix {*zoom:1}
.clr {clear: both;font-size: 0;height: 0;line-height: 0;margin: 0;padding: 0;visibility: hidden;width: 0;}
.mb10{ margin-bottom:10px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
.pt15{padding-top:15px;}
.pb10{ padding-bottom:10px;}
.h20{ height: 20px;}
.h15{ height: 15px;}
ul,ol {list-style:none;}
img{border:none;}
a{ color:#333; text-decoration:none; vertical-align:baseline; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
a:hover{text-decoration:none; color:#e63a00;}

.MapHeader{ position: absolute; top: 0px; left: 0px; height: 60px; width: 100%; background: #ff7a00; z-index: 99; box-shadow: 1px 2px 5px #666666;}
#logo{ float: left; padding-top: 5px; padding-left: 10px; width: 183px; height: 50px;}
#logo a{ display: block;}
#logo a img{ width: 183px; height: 50px;}
.MapHeader .top_box .nav_box{ float: left; height: 60px; line-height: 60px; margin-left: 40px;}
.MapHeader .top_box .nav_box a{ float: left; padding: 0px 15px; color: #fff; font-size: 14px; display: block;}
.MapHeader .top_box .nav_box a:hover{ background: #FF571E;}
.MapHeader .top_box .login_box{ float: right; margin-right: 10px; height: 60px; line-height: 60px; font-size: 14px;}
.MapHeader .top_box .login_box span{ float: left; margin-right: 30px; color: #fff;}
.MapHeader .top_box .login_box .login_before{ height: 60px; float: right; *float: none; font-size: 0px; overflow: hidden;}
.MapHeader .top_box .login_box .login_before li{ display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; font-size: 14px;}
.MapHeader .top_box .login_box .login_before li a{ color: #fff;}


.containerBox{ padding-top: 60px; padding-right: 500px; display: block;}
#container{ position: relative; width: 100%; height: 100%;}
.MapBox{ position: absolute; padding-top: 60px; top: 0px; right: 0px; height: 100%; width: 500px; background: #fff;}
#MapDiv{ height: 100%; border-left: 3px solid #ff7a00; overflow-y: auto;}
.item_HouseLi{ padding: 20px 10px; height: 90px; overflow: hidden; border-bottom: 1px solid #dedede; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.item_HouseLi:hover{ background: #FFF1E6;}
.item_HouseLi .HouseLi_pic{ float: left; width: 120px; height: 90px; display: block;}
.item_HouseLi .HouseLi_pic img{ width: 120px; height: 90px; display: block; opacity: .8; -moz-opacity: .8; -webkit-opacity: .8; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.item_HouseLi:hover .HouseLi_pic img{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
.item_HouseLi .HouseLi_info{ margin-left: 130px; height: 90px;}
.item_HouseLi .HouseLi_info .info_name{ height: 26px; line-height: 26px; overflow: hidden;}
.item_HouseLi .HouseLi_info .info_name h3{ font-size: 16px;}
.item_HouseLi:hover .HouseLi_info .info_name h3 a{ color: #e63a00;}
.item_HouseLi .HouseLi_info .Ninfo{ float: left; width: 245px; height: 74px;}
.item_HouseLi .HouseLi_info .Ninfo p{ height: 22px; line-height: 22px; font-size: 12px; color: #747474; overflow: hidden;}
.item_HouseLi .HouseLi_info .Ninfo .Ztype1{ font-size: 14px;}
.item_HouseLi .HouseLi_info .Ninfo .Ztype2{ float: left; margin-right: 10px;}
.item_HouseLi .HouseLi_info .Nmore{ margin-top: 0px; height: 70px; line-height: 70px;}
.item_HouseLi .HouseLi_info .Nmore .zj{ float: left; width: 80px; font-size: 14px; line-height: 1.2; text-align: center;}
.item_HouseLi .HouseLi_info .Nmore .zj em{ margin-right: 6px; font-size: 22px; font-style: normal; color: #b20000;}
.item_HouseLi .HouseLi_info .Nmore .zj .dj{ text-align: center; font-size: 12px; color: #666;}
.item_HouseLi .HouseLi_info .Nmore .zj .mj{ text-align: center; font-size: 12px; color: #666;}
.SearchJump{ height: 30px; line-height: 30px; padding: 10px 0px; padding-bottom: 104px; margin: 0px auto; padding-right:10px; border-bottom:1px solid #ccc;}
.SearchJump form{ float: right;}
.SearchJump span{ float: left; margin-right: 18px; font-size: 13px; display: none;}
.SearchJump span em{ margin: 0px 3px; color: #b20000; font-style: normal;}
.SearchJump ul{ float: left;}
.SearchJump ul li{ display: inline; }
.SearchJump ul li a{ float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; border: 1px solid #ccc; border-left-width: 0px; font-size: 13px;}
.SearchJump ul li a:hover{ color: #fff; background: #e63a00;}
.SearchJump ul li .on{ background: #e63a00; color: #fff; cursor: not-allowed;}
.SearchJump ul li:first-child a{ border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-left-width: 1px;}
.SearchJump ul li:last-child a{ border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;}
.SearchJump .Jbtn{ width: 30px; height: 26px; line-height: 26px; margin-top: -4px; margin-left: 6px;}
.SearchJump .Jsub{ width: 40px; height: 28px; line-height: 28px; margin-top: -3px; background: #e63a00; border-radius: 4px; border: none; cursor: pointer; color: #fff;}

.AreaBg{ position: relative; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; background: url(images/AreaBg.png) no-repeat;}
.AreaBg:hover{ z-index: 99; background-image: url(images/AreaHBg.png);}
.AreaBg a{ padding-top: 30px; width: 100px; height: 100px; display: block; text-align: center; color: #fff; font-size: 14px;}
.AreaBg a p{ font-size: 12px;}

.RoadBg{ position: relative; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; background: url(images/RoadBg.png) no-repeat;}
.RoadBg:hover{ z-index: 99; background-image: url(images/RoadHBg.png);}
.RoadBg a{ padding-top: 15px; width: 70px; height: 70px; display: block; text-align: center; color: #fff; font-size: 12px;}
.RoadBg a p{ font-size: 12px;}

.BuildBg{ position: relative; padding-left: 25px; height: 27px; line-height: 27px; background: url(images/BuildIco.png) no-repeat;}
.BuildBg p{ height: 24px; line-height: 24px; position: relative; margin-top: 2px; color: #fff; font-size: 13px; cursor: pointer; z-index: 9; box-shadow: 1px 2px 5px #666; transition: all .3s ease-in-out;}
.BuildBg p em{ height: 24px; line-height: 24px; padding: 0px 10px; font-size: 12px; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; text-align: center; background: #009966; color: #fff; font-style: normal; transition: all .3s ease-in-out;}
.BuildBg p span{ height: 24px; line-height: 24px; padding: 0px 10px; display: inline-block; *display: inline; *zoom: 1; background: #ff7a00; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.BuildBg:hover{ cursor: pointer; z-index: 99;}
.BuildBg:hover p{ box-shadow: 5px 5px 5px #666;}
.BuildBg:hover p span{ background: #C61F00;}

.BuildType{ padding: 10px; width: 300px; height: auto;}
.BuildType .BTPic{ padding-bottom:10px; width: 300px; height: 226px;}
.BuildType .BTPic img{ width: 300px; height: auto;}
.BuildType .BTName{ font-size: 14px; font-weight: bold; line-height: 20px;}
.BuildType .BTCount{ font-size: 14px; line-height: 20px; margin-top: 6px;}
.BuildType .BTText{ margin-top: 10px; max-height: 130px; overflow-y: auto; line-height: 24px; font-size: 13px;}

.SelectBox{ position: absolute; top: 80px; left: 80px; z-index: 9999; font-size: 0px;}
.SelectBox .nav{ position: relative; display: inline-block; *float:left; margin-left: 30px; height: 24px; font-size: 12px; background: #fff; box-shadow: 1px 2px 5px #666666; *border: 1px solid #ccc;}
.SelectBox .nav .set{ display: block; line-height: 24px; padding-right: 10px; cursor: pointer;}
.SelectBox .nav .set a{ display: block; padding: 0px 20px 0px 10px;background: url(images/Mapbtn.png) right 9px no-repeat;}
.SelectBox .new{ position: absolute; left: 0px; top: 24px; width: 80px; padding: 10px 0px; display: none; background: #fff; box-shadow: 1px 2px 5px #666666; *border: 1px solid #ccc;}
.SelectBox .nav ul li{line-height:24px;padding-left:10px;}
.SelectBox .nav ul li a{ display: block;}
.SelectBox .nav ul li:hover{background:#CCC;color:#FFF;}

.sorting{ font-size: 0px; border-left: 3px solid #ff7a00;}
.sorting .nav{ z-index:99;position: relative; display: inline-block; *float:left; width: 124px; *width:123px; height: 34px; font-size: 14px; background: #fff; box-shadow: 1px 2px 5px #666666; *border-left: 1px solid #ccc; *border-bottom: 1px solid #ccc;}
.sorting .nav .set{ display: block; line-height: 34px; padding-right: 10px; cursor: pointer;}
.sorting .nav .set a{ display: block; padding: 0px 20px 0px 10px;background: url(images/Mapbtn.png) right 14px no-repeat;}
.sorting .new{ position: absolute; left: 0px; top: 34px; width: 124px; padding: 10px 0px; display: none; background: #fff; box-shadow: 1px 2px 5px #666666;}
.sorting .nav ul li{line-height:24px;padding-left:10px;}
.sorting .nav ul li a{ display: block;}
.sorting .nav ul li:hover{background:#CCC;color:#FFF;}