@charset "utf-8";
/*Syinfo.Com.cn---楼盘终极页面样式表*/
/*css by Jonny*/
/*******************************building map and infomation more********************************/
.map{width:400px;height:350px;border:1px #B4D2F0 solid;background:#fff url(../../images/building/bg04.jpg) left top repeat-x;}
.map .bt{height:32px;line-height:32px;padding-left:23px; background:url(../../images/building/ico-5.gif) 10px 16px no-repeat;color:#314D74;font-size:14px;font-weight:bold; text-decoration:underline; border-bottom:1px #6288B7 solid;}
.mapcont{width:390px;height:304px; padding:5px;}
.mapcont img { width:390px; height:304px;}
.infomation{ width:550px; height:350px; border:1px #B4D2F0 solid;background:#fff;}
.infomation .bt{width:528px;height:32px;line-height:32px;padding-left:23px; background:url(../../images/building/ico-5.gif) 10px 19px no-repeat;color:#314D74;font-size:14px;font-weight:bold; text-decoration:underline; border-bottom:1px #6288B7 solid;}
.infotab {DISPLAY: block; HEIGHT: 33px;background:url(../../images/building/tabul.gif) 0px 27px repeat-x;margin-top:5px;padding-left:5px;}
.infotab LI {DISPLAY: block; FONT-SIZE: 12px; FLOAT: left; CURSOR: pointer; LINE-HEIGHT: 28px; HEIGHT: 33px; TEXT-ALIGN: center; color:#314D74}
.infotab LI.current {FONT-WEIGHT: bold}
.infotab LI.current A {COLOR:#306}
.infotab LI.current A:hover {COLOR:#306;}
#info1,#info2,#info3,#info4 {BACKGROUND: url(../../images/building/tab1.gif) no-repeat;WIDTH: 102px}
#info1 A,#info2 A,#info3 A,#info4 A {DISPLAY: block; WIDTH: 102px;  HEIGHT: 33px; font-size:12px;}
.current#info1,.current#info2,.current#info3 ,.current#info4 {BACKGROUND: url(../../images/building/tab2.gif) no-repeat;}
.infocont { height:311px; width:550px; overflow:auto;overflow-x:hidden;}
.infocont p { margin:8px;line-height:20px;}
#info_cont2 { padding-left:10px;padding-right:10px; width:530px; font-size:14px;line-height:24px;}
.infocont table{margin-top:5px;width:535px;}
.infocont table tr td{border-bottom:1px #EDEDED dashed;line-height:24px; text-align:left;}
.infocont table tr td.vir{width:70px; text-align:left;text-indent:10px;}
/**********************************Search CSS***********************************/
.search_house{width:958px;height:118px; background:#B5D5EA url(../../images/building/s_bg.jpg) repeat-x;border-bottom:none;border:1px #B4D2F0 solid;margin:0px auto;margin-top:5px;}
/*search top*/
.search_top{width:960px;height:35px;background:url(../../images/building/dian.gif) left bottom repeat-x;}
.search_top h1{width:75px;height:25px;color:#000;font-weight:bold;font-size:14px;padding-top:10px;padding-left:22px;display:block;float:left;background:url(../../images/building/icn-1.gif) 5px 11px no-repeat;}
.search_top {padding-top:7px;}
.search_top  select{margin-left:5px;}
.search_top   .search_submit{ background: url(../../images/building/bg-10.gif) left top no-repeat;width:82px;height:20px;border:none;margin-left:25px; cursor:pointer;}
.search_top  .search_input{width:260px;height:16px;background:#fff;border:1px #ccc solid;padding-top:3px;margin-left:10px;color:#666;}
/*search bottom*/
.search_bottom{width:958px;height:80px;background:url(../../images/building/qzbg.gif) 5px 35px no-repeat; position:relative;}
.search_bottom h1{width:75px;height:25px;color:#000;font-weight:bold;font-size:12px;padding-top:10px;padding-left:22px;display:block;float:left;background:url(../../images/building/icn-2.gif) 2px 5px no-repeat;}
.search_bottom .search_bottom_end {LINE-HEIGHT: 20px; HEIGHT: 20px;PADDING-TOP:5PX;}
.search_bottom .search_bottom_box {BORDER-BOTTOM-WIDTH: 0px}
.search_bottom UL#syinfoChars {FLOAT: left; POSITION: relative;}
.search_bottom UL#syinfoChars LI {FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; COLOR: #c51010; TEXT-ALIGN: center}
.char_content {BORDER-RIGHT: #B4D2F0 1px solid; BORDER-TOP: #B4D2F0 1px solid;  FONT-WEIGHT: normal;  BACKGROUND:#fff url(../../images/building/a4.jpg) left top no-repeat;BORDER-LEFT: #B4D2F0 1px solid; WIDTH:959px; PADDING-TOP:5px; BORDER-BOTTOM: #B4D2F0 1px solid; position:absolute; z-index:100;height:52px;overflow:hidden;}
UL#syinfoChars LI SPAN {DISPLAY: block; CURSOR: pointer; LINE-HEIGHT: 19px; FONT-FAMILY: Arial,Tahoma,sans-serif; HEIGHT: 19px;width:30px;}
UL#syinfoChars LI.chars_char_on SPAN {BORDER-RIGHT: #B4D2F0 1px solid; BORDER-TOP: #B4D2F0 1px solid; Z-INDEX: 9999; BACKGROUND: #dbf3ff; BORDER-LEFT: #B4D2F0 1px solid; POSITION: relative; TOP: 1px}
UL#syinfoChars LI .char_content {DISPLAY: none; POSITION: absolute;}
/*圈子列表*/
.search_qz{width:815px;height:50px;position:absolute;left:90px;top:35px;overflow:hidden;}
.search_qz ul{float:left;}
.search_qz ul li{float:left;width:80px;height:25px;}
.search_qz ul li a,.search_qz ul li a:visited{color:#666;}

.blt_oh { overflow:hidden; width:80px; height:25px; line-height:25px;}

/*******************************building price and  District********************************/
.trend{width:400px;height:300px;border:1px #B4D2F0 solid;background:#fff url(../../images/building/bg04.jpg) left top repeat-x;}
.trend .bt{height:32px;line-height:32px;padding-left:23px; background:url(../../images/building/ico-5.gif) 10px 16px no-repeat;color:#314D74;font-size:14px;font-weight:bold; text-decoration:underline; border-bottom:1px #6288B7 solid;}
.price{width:398px;height:262px;}
.district{width:550px;height:300px;border:1px #B4D2F0 solid;background:#fff url(../../images/building/bg04.jpg) left top repeat-x;}
.district .bt{width:510px;height:32px;line-height:32px;padding-left:23px; background:url(../../images/building/ico-5.gif) 10px 16px no-repeat;}
.district .bt h1{color:#314D74;font-size:14px;font-weight:bold; text-decoration:underline; border-bottom:1px #6288B7 solid;float:left;}
.district .bt span{font-size:12px; text-decoration:none;padding-left:20px;color:#f00;font-weight:normal;float:left;}
.district .bt h2{color:#314D74;font-size:12px;font-weight: normal;text-decoration:none;float:right;}
.district table{width:550px;background:url(../../images/building/a6.gif) left top repeat-x;}
.district .xq_table{width:550px;height:267px;background:url(../../images/building/a5.gif) left bottom repeat-x;overflow:auto;overflow-x:hidden;}
.district table tr th{width:55px;height:45px;border-bottom:1px #6288B7 dashed;color:#314D74}
.district table tr th.long{width:260px;}
.district table tr th.long1{width:120px;}
.district table tr td{ text-align:center;height:35px;line-height:25px;color:#333; background:#F4F8FB ;border-bottom:1px #EEF1F6 solid; text-align:left; text-indent:10px;}
.district table tr td.nobg{background:#FFF url(../../images/building/tdbg.gif) right top repeat-y;}
.district table tr td a,.district table tr td a:visited{color:#f00}

/*******************************building layout********************************/
.layout{width:958px;height:200px;border:1px #B4D2F0 solid;background:#fff url(../../images/building/bg04.jpg) left top repeat-x; position:relative;}
.layout .bt{width:925px;height:32px;line-height:32px;padding-left:23px; background:url(../../images/building/ico-5.gif) 10px 16px no-repeat;}
.layout .bt h1{color:#314D74;font-size:14px;font-weight:bold; text-decoration:underline; border-bottom:1px #6288B7 solid;float:left;}
.layout .bt span{font-size:12px; text-decoration:none;padding-left:20px;color:#f00;font-weight:normal;float:left;}
.layout .bt h2{color:#314D74;font-size:12px;font-weight: normal;text-decoration:none;float:right;}
.sub_bt{position:absolute;left:410px;top: 7px;}
.sub_bt ul {float:left;width:550px;}
.sub_bt ul li{float:left;width:85px;height:20px;line-height:20px;}
.sub_bt ul li.red{color:#f00;}
.layout .layout_cont ul{width:958px;float:left;}
.layout .layout_cont ul li{width:150px; text-align:center;float:left;margin-top:15px;margin-left:7px;}
.layout .layout_cont ul li img{border:1px #6288B7 solid;width:120px;height:90px;}
.layout .layout_cont ul li a:hover img {border:1px #f00 dashed;padding:5px;width:110px;height:80px; background: #F9F9FB;}
.layout .layout_cont ul li span{display:block;line-height:18px;padding:5px;}

/*******************************building photos********************************/
.photos{width:958px;height:200px;border:1px #B4D2F0 solid;background:#fff url(../../images/building/bg04.jpg) left top repeat-x;}
.photos .bt{width:925px;height:32px;line-height:32px;padding-left:23px; background:url(../../images/building/ico-5.gif) 10px 16px no-repeat;}
.photos .bt h1{color:#314D74;font-size:14px;font-weight:bold; text-decoration:underline; border-bottom:1px #6288B7 solid;float:left;}
.photos .bt span{font-size:12px; text-decoration:none;padding-left:20px;color:#f00;font-weight:normal;float:left;}
.photos .bt h2{color:#314D74;font-size:12px;font-weight: normal;text-decoration:none;float:right;}
.photosub_bt{position:absolute;left:410px;top: 7px;}
.photosub_bt ul {float:left;width:550px;}
.photosub_bt ul li{float:left;width:85px;height:20px;line-height:20px;}
.photosub_bt ul li.red{color:#f00;}
.photos .photos_cont ul{width:958px;float:left;}
.photos .photos_cont ul li{width:150px; text-align:center;float:left;margin-top:15px;margin-left:7px;}
.photos .photos_cont ul li img{border:1px #6288B7 solid;width:120px;height:90px;}
.photos .photos_cont ul li a:hover img {border:1px #f00 dashed;padding:5px;width:110px;height:80px; background: #F9F9FB;}
.photos .photos_cont ul li span{display:block;line-height:18px;padding:5px;width:140px;height:30px;overflow:hidden;}

/*******************************building news and  rim********************************/
.building_cont{width:960px;height:379px;background:url(../../images/building/bg05.gif) 0px 43px repeat-x; position:relative;}
.hide_bg{width:40px;height:32px;background:url(../../images/building/bg04.gif) left top repeat-x;position:absolute;left: 384px;top: 43px;}
.news{width:400px;height:379px;border:1px #B4D2F0 solid; background:#fff url(../../images/building/bg04.gif) 0px 40px repeat-x; position:relative;}
.news .bt{ padding-top:12px;height:20px;padding-left:30px;background:url(../../images/building/icon-3.gif) 5px 10px no-repeat;color:#314D74;font-size:14px;font-weight:bold;}
.news_title{position:absolute;left: 300px;top: 13px;}
.news_title a:visited{color:#f00;}
.news_title a:hover{color:#477DB9;}
.newsphtab {DISPLAY: block; HEIGHT: 25px;padding-top:13px;padding-left:190px;}
.newsphtab LI {DISPLAY: block; FONT-SIZE: 12px; FLOAT: left; CURSOR: pointer; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: center; color:#314D74}
.newsphtab LI.current {FONT-WEIGHT: bold}
.newsphtab LI.current A {COLOR:#306}
.newsphtab LI.current A:hover {COLOR:#306;}
#newsph1,#newsph2 {BACKGROUND: url(../../images/building/news_li1.gif) no-repeat;WIDTH: 72px}
#newsph1 A,#newsph2 A {DISPLAY: block; WIDTH: 72px;  HEIGHT: 25px; font-size:12px;}
.current#newsph1,.current#newsph2{BACKGROUND: url(../../images/building/news_li.gif) no-repeat;}
.newsphcont{padding-top:5px!important;padding-top:17px;}
.row3 {CLEAR: both;PADDING-RIGHT: 0px;PADDING-LEFT: 14px;PADDING-BOTTOM: 0px;PADDING-TOP:1px;HEIGHT:20px;margin-top:12px;}
.row3 I {FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../../images/building/ico6.gif) no-repeat; FLOAT: left; WIDTH: 19px; COLOR: #fff; LINE-HEIGHT: 16px; FONT-FAMILY: "Arial"; HEIGHT: 16px; TEXT-ALIGN: center}
.row3 i.b {FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../../images/building/ico7.gif) no-repeat; FLOAT: left; WIDTH: 19px; COLOR: #fff; LINE-HEIGHT: 16px; FONT-FAMILY: "Arial"; HEIGHT: 16px; TEXT-ALIGN: center}
 .row3 U {PADDING-RIGHT: 12px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 290px; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; text-decoration:none;}
 .row3 S {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 35px; COLOR: #f56c14; PADDING-TOP: 3px; text-decoration:none;}
.a0 {COLOR: #314d74}
.a0 A:link {COLOR: #314d74; TEXT-DECORATION: none}
.a0 A:visited {COLOR: #314d74; TEXT-DECORATION: none}
.a0 A:hover {COLOR: #cc0000; TEXT-DECORATION: underline}
.rim{width:550px;height:379px;border:1px #B4D2F0 solid;background:#F9FDFE url(../../images/building/titlebg_l.gif) left top repeat-x;}
.lpph{width:550px;height:379px;background:#fff url(../../images/building/bg04.gif) 0px 40px repeat-x; position:relative;}
.house_title{position:absolute;left: 435px;top: 15px;}
.house_title a:visited{color:#f00;}
.house_title a:hover{color:#477DB9;}
.lpph .bt{height:20px;padding-top:12px;padding-left:30px; background:url(../../images/building/icon-4.gif) 5px 10px no-repeat;color:#314D74;font-size:14px;font-weight:bold;}
.lpphtab {DISPLAY: block; HEIGHT: 25px;padding-top:13px;padding-left:65px;}
.lpphtab LI {DISPLAY: block; FONT-SIZE: 12px; FLOAT: left; CURSOR: pointer; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: center; color:#314D74}
.lpphtab LI.current {FONT-WEIGHT: bold}
.lpphtab LI.current A {COLOR:#306}
.lpphtab LI.current A:hover {COLOR:#306;}
#lpph1,#lpph2 {BACKGROUND: url(../../images/building/news_li1.gif) no-repeat;WIDTH: 72px}
.current#lpph1,.current#lpph2{BACKGROUND: url(../../images/building/news_li.gif) no-repeat;}
#lpph1 A,#lpph2 A {DISPLAY: block; WIDTH: 72px;  HEIGHT: 25px; font-size:12px;}
.lpphcont table{margin-top:13px;color:#314d74;width:549px;}
.lpphcont table tr th{color:#314d74; background:#F0F7FD;height:30px;line-height:30px;}
.lpphcont table tr td{ text-align:center; table-layout:fixed; border-bottom:1px #EDEDED dashed;height:32px;line-height:32px;}
.lpphcont table tr td.no_dot{border-bottom:none;}
/*******************************discuss********************************/
.discuss{width:960px;border:1px #B4D2F0 solid;background:#fff url(../../images/building/titlebg_2.gif) 1px 1px repeat-x;color:f00;font-size:14px; position:relative;}
.discuss .bt{height:50px;position:absolute;left:5px;top:7px; background:url(../../images/building/netbg.gif) left top no-repeat; text-indent:22px;}
.viewbody{border-bottom:1px #ccc dashed;padding-top:50px;}
.pr_h_none{BACKGROUND: url(../../images/building/plbg.gif) no-repeat;fonts-size: 14px;margin-top:50px;height:34px;width:95%}
.pr_h {PADDING-RIGHT: 15px; PADDING-LEFT: 45px; BACKGROUND: url(../../images/building/plbg.gif) no-repeat; PADDING-BOTTOM: 8px; MARGIN: 25px 16px 0px 16px;  PADDING-TOP: 8px; HEIGHT: 18px; fonts-size: 14px; position:relative;}
.pr_h_bg3{position:absolute;background:url(../../images/building/pr_h_bg1.gif) left top no-repeat;width:41px;height:41px;left: -7px;top: -10px;}
.pr_h_bg1{position:absolute;background:url(../../images/building/pr_h_bg2.gif) left top no-repeat;width:41px;height:41px;left: -7px;top: -10px;}
.pr_h_bg2{position:absolute;background:url(../../images/building/pr_h_bg3.gif) left top no-repeat;width:41px;height:41px;left: -7px;top: -10px;}
.pr_h_bg4{position:absolute;background:url(../../images/building/pr_h_bg4.gif) left top no-repeat;width:41px;height:41px;left: -7px;top: -10px;}
.pr_p {PADDING-RIGHT: 25px; PADDING-LEFT: 35px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px;line-height:20px;}
.pr_p_rt{height:25px;padding-top:10px;float:left;padding-left:50px;}
.pr_p_rt a:visited{color:#A33232; text-decoration:none;}
.pr_p_rt a:hover{color:#FF6600; text-decoration:underline;}
.page{padding-top:15px;clear:both;padding-bottom:15px;}
.manu {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
.manu A {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none}
.manu A:hover {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.manu A:active {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.manu .current {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4}
.manu .disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
.plform {width:530px;margin-left:10px;margin-bottom:10px;}
.plform FIELDSET {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}
.plform DIV {PADDING-TOP: 8px}
.plform SPAN {FONT-SIZE: 14px}
.plform SPAN b{color:#F00; font-weight:normal;}
.plform EM {COLOR: #777; FONT-STYLE: normal}
.plform LABEL {CURSOR: pointer}
.plform .input {BORDER-RIGHT: #cdcdcd 1px solid; BORDER-TOP: #8a8a8a 1px solid; BACKGROUND: url(../../images/building/l17.gif) no-repeat; BORDER-LEFT: #8a8a8a 1px solid; BORDER-BOTTOM: #cdcdcd 1px solid}
.plform TEXTAREA {BORDER-RIGHT: #cdcdcd 1px solid; BORDER-TOP: #8a8a8a 1px solid; BACKGROUND: url(../../images/building/bg_logo.gif) 50% 50% no-repeat; BORDER-LEFT: #8a8a8a 1px solid; BORDER-BOTTOM: #cdcdcd 1px solid}
.plform .input {WIDTH: 150px}
.plform TEXTAREA {FONT-SIZE: 12px; HEIGHT: 200px}
.plform .button {TEXT-ALIGN:right;padding-right:5px;}
.plform .button A {COLOR: #ff6600! important; TEXT-DECORATION: underline}
.plform BUTTON {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 0px; BACKGROUND: url(../../images/building/l24.gif) no-repeat; LEFT: 5px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; WIDTH: 85px; CURSOR: pointer; COLOR: #eee; POSITION: relative; TOP: -2px; HEIGHT: 26px; BORDER-RIGHT-WIDTH: 0px;}