/* CSS Document */

/*see-picture*/
.see-picture-header{ height:60px; background:#018fe5; width:100%}
.see-picture-header-block{ width:1200px; margin:0 auto}
.see-picture-header-block h3{ float:left; color:#fff; font-size:18px; line-height:60px}
.see-picture-header-block .property-tel{ margin-top:20px}
.see-picture-header-block .property-tel a,.see-picture-header-block .property-tel a:hover{color:#fff!important}
.see-picture-header-block .property-tel a em{color:#fff}

.see-picture-left{ background:#e9e9e9;padding:20px}
.switch-album-b{ position:relative;}
.clip{text-align:center;}
.clip img{width:100%}
.switch-album-b .prev,.switch-album-b .next{ background:url(../img/pic_cur.png) no-repeat left top;width:60px; height:79px; position:absolute; top:48%}
.switch-album-b .prev{left:0}
.switch-album-b .next{right:0; background-position:left -79px}
.switch-album-s{ margin:20px 0 0; position:relative}
.switch-album-s ul{ height:84px;margin:0 0 0 50px;width:760px; overflow:hidden}
.switch-album-s ul li{ float:left;margin-right:20px}
.switch-album-s ul li img{ width:100px; height:80px;padding:1px; background:#fff; border:1px solid #d6d6d6;}
.switch-album-s ul li.cur img{border:1px solid #fc5600;}
.switch-album-s .prev, .switch-album-s .next{background:url(../img/pic_cur_small.png) no-repeat left top;width:19px; height:50px; position:absolute; top:15px}
.switch-album-s .prev{left:0}
.switch-album-s .next{right:0; background-position:left -50px}

.see-picture-right{padding:20px 0 0;font-size:16px;}
.see-picture-right p{line-height:30px;}
.see-picture-right ul li a{ display:block; height:45px; border:1px solid #bfbfbf; line-height:45px; margin-bottom:20px;padding:0 10px 0 30px}
.see-picture-right ul li a:hover,.see-picture-right ul li.cur a{ background:#fd8e00;color:#fff!important; border:1px solid #fd8e00; text-decoration:none}


/*apartment-nav*/
.apartment-nav{ border:1px solid #ebebeb; background:#f9f9f9;height:42px;}
.apartment-nav ul{height:42px;}
.apartment-nav li{ float:left; line-height:42px;padding:0 20px;border-right:1px solid #ebebeb; font-size:16px; height:42px}
.apartment-nav li.cur{ background:#fff; border-top:2px solid #fc5600; position:relative; margin-top:-1px}
.apartment-nav li.cur a,.apartment-nav li.cur a:hover{color:#fc5600!important; text-decoration:none}

/*apartment*/


/*.apartment-infor{ background:#e6e6e6}*/
/*.apartment-infor .see-picture-left{margin:10px; background:#fff;padding:20px 0}
.goview{ display:block; text-align:right;margin:0 30px 10px 0; background:url(../img/zoom-ico.jpg) no-repeat 655px center}
.goview a{ color:#999; text-decoration:none}*/

/*.apartment-infor .main-left{width:780px}
.apartment-infor .main-right{width:400px}
.apartment-infor .switch-album-s ul{ margin:0 0 0 33px;width:710px}
.apartment-infor .switch-album-s ul li{ margin-right:14px}*/

/*.apartment-infor-right{padding-top:20px}
.apartment-infor-right h3{ font-size:18px;}
.apartment-infor-right h3 em{ font-size:14px; color:#818181;margin-left:10px}
.apartment-ir-dl{ font-size:16px; line-height:30px;}
.apartment-ir-dl dt{ display:inline-block;width:80px;color:#818181; float:left}
.apartment-ir-dl dd{ display:inline-block;width:300px; float:left}

.apartment-infor-right .tags{padding:10px 0}

.apartment-ir-dl0{font-size:16px; line-height:30px;padding-right:20px}
.apartment-ir-dl0 dt{color:#818181;}*/


/*album*/
.album-list{width:1230px}
.album-pic{width:224px; margin-right:17px;border:1px solid #ebebeb; float:left; margin-top:20px; box-shadow:0 0 2px #cfcfcf}
.album-pic img{ width:100%;}
.album-pic p{font-size:16px; line-height:24px;padding:8px}

.progress-block{ position:relative;}
.progress-date{ position:absolute;top:0;right:-110px;width:106px;}
.progress-date li a{ display:block;padding:10px 0 10px 20px; background:url(../img/progress-date.png) no-repeat left 0px; height:20px; line-height:20px}
.progress-date li a:hover,.progress-date li.cur a{background:url(../img/progress-date.png) no-repeat left -50px;color:#fff!important; text-decoration:none}



/*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: 30px;padding-left: 10px; width:95px; line-height:30px; 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:30px; left:0;border: 1px solid #ccc; z-index:100;width:150px;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}

.apartment-list ul li{ text-align:center;width:220px; float:left;margin-right: 24px;height: 400px; position:relative}
.apartment-list ul li a{ display:block;}
.apartment-list ul li a:hover span,.apartment-list ul li a:hover p{ text-decoration:none; color:#c00!important}
/*.apartment-list ul li img{ width:180px; height:200px}*/
.apartment-list ul li p{ padding:10px 0; font-size:16px; color:#818181}
.apartment-list ul li span{ display:block;line-height:24px;color:#333}
.apartment-list ul li i{display:inline-block; height:26px;width:50px; text-align:center;position:absolute;right:-2px;top:0px;color:#fff; line-height:26px}

.selling{ background:#008fe4; }
.coming{background:#d0000e;}
.sell-out{background:#acacac;}

.apartment-list-ul{ overflow: hidden;}
.apartment-list-ul ul{width: 1237px;}
.bedroombox {height:280px;width:220px; background-color:#f6f6f6;border:1px solid #e8e8e8;overflow: hidden;}