/* 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 .thumbnail-box{margin:0 0 0 50px;width:756px; overflow:hidden;position:relative}
.switch-album-s ul{ height:84px; width:10000px;position:relative}
.switch-album-s ul li{ float:left;margin-right:22px}
.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;display:none}
.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-hx{ margin-bottom:10px;*height:85px;}
.apartment-hx .prev,.apartment-hx .next{ display:inline-block;width:38px; height:38px; float:left; background:url(../img/pic_cur_circle.png) no-repeat left top; margin-top:15px}
.apartment-hx .next{ background-position:left -38px}
.apartment-hx .huxing-show{float:left; margin:0 12px;width:1099px;overflow:hidden; height:82px}
.apartment-hx ul{height:82px;position:relative;width:20000px;left:0px}
.apartment-hx ul li{ float:left;}
.apartment-hx ul li a{ display:inline-block;width:140px; height:60px; margin-right:9px;border:1px solid #d8d8d8;padding:12px 3px 0; line-height:24px; text-align:center; position:relative}
.apartment-hx ul li span{ display:block; font-size:16px}
.apartment-hx ul li a:hover,.apartment-hx ul li.cur a{ background:#fc5600; color:#fff!important; text-decoration:none}
.apartment-hx ul li i.hx-tip{ position:absolute; top:70px; left:70px;width:15px; height:9px; background:url(../img/hx-tip.png) no-repeat left top; display:none}
.apartment-hx ul li.cur i.hx-tip{  display:inline-block}

.apartment-infor{ background:#e6e6e6; position:relative; *min-height:500px}
.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:24px; font-weight:bold; margin-top:10px}
.apartment-infor-right h3 em{ font-size:14px; color:#fff;margin-left:12px; font-weight:normal; padding:3px 8px; vertical-align:middle}
.apartment-ir-dl{ font-size:16px; line-height:40px; margin-top:10px}
.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}

.hx_tel{ border:1px solid #ff8400; background:#fff; border-radius:4px;width:300px; margin:20px 0 0; padding:15px}
.hx_tel p{background:url(../img/infor-tel.png) no-repeat 0 center; padding-left:40px; line-height:40px; font-size:26px;color:#eb6120; margin-bottom:10px}
.hx_tel p em{ font-size:14px;color:#333; margin:0 4px}
.hx_tel input{ border:1px solid #dadada; height:35px; line-height:35px;width:180px}
.hx_tel button{ background:#ff8400; height:37px; padding:0 10px; border-radius:4px;color:#fff; font-size:16px; margin-left:6px}
.hx_tel span{ display:block;color:#818181; margin-top:10px}

.click_left{ position:absolute;left:-40px; top:50%; margin-top:-80px; z-index:100001}
.click_left a{ display:block; background:url(../img/click_left.png) no-repeat left center; text-indent:-999px;width:20px; height:40px; margin:33px 0 0}
.click_left a span,.click_right a span{ display:none}
.click_left a:hover,.click_right a:hover{ background:#fc5600; border-radius:4px; text-indent:0;height:100px;width:234px; padding:8px; margin:0;box-shadow: 0 0 5px #999999}
.click_left a:hover img,.click_right a:hover img{ height:100px; width:128px; margin-right:10px; float:left}
.click_left a:hover span,.click_right a:hover span{ display:inline-block;color:#fff; line-height:30px}

.click_right{ position:absolute;right:-40px; top:50%; margin-top:-80px;}
.click_right a{ display:block; background:url(../img/click_right.png) no-repeat right center; text-indent:-9999px;width:20px; height:40px;margin:33px 0 0 0}

.eject_picture{ position:fixed; z-index:10000002; background:rgba(0,0,0,0.6);width:100%; height:100%;left:0;top:0}
.eject_picture_block{width:860px; margin:40px auto 30px; background:#fff; position:relative; padding:10px}
.close_hx{ position:absolute;right:-24px; top:-24px; width:48px; height:48px; background:url(../img/close_hx.png) no-repeat left top; display:inline-block;}
.eject_picture_block img{ width:100%;}