@charset "utf-8";
/**
* Description: Public component style 
* Developers: sufang <sufang@leju.sina.com.cn>
**/

/*Common*/
.slideview_text, .picshow_t{ background:#000;opacity:0.6;filter:alpha(opacity=60)}
.topnav, .main_nav{ background:url(../images/all_bg.png) repeat-x;}
.topnav h1 a, .mainnav_line, .btn01 a, .big_t, .big_t h3, .up_btn, .down_btn, .smalllist li.select a, .smalllist li a:hover, .toleft, .toright{ background: url(../image/all_icon.png) no-repeat;}
/*Wrap*/
.wrap { width:1004px; margin:0 auto; }
/*Header */
.topnav {height:29px; line-height:29px; border-bottom:2px solid #257ec2; background-position:0 0; }
.topnav h1 a{display:block;width:37px; height:29px; background-position:0 0; text-indent:-999%; overflow:hidden;}
/*Content*/
.box_outer{ background:url(../images/body_bg.png) repeat;}
.con_bg{ background:url(../images/con_bg.jpg) no-repeat top center;}
.main_nav{height:17px; line-height:17px; padding:11px 0; background-position:0 -30px; overflow:hidden;}
.main_nav a{ padding:0 15px;}
.mainnav_line{ display:inline-block; width:2px; height:12px; line-height:0px; font-size:1px; background-position:-217px -15px; }
/*Focus*/
.slideBox{ position: relative; width: 330px; height: 250px;overflow:hidden;}
.slideBox li{ background-image:url("http://i0.sinaimg.cn/hs/zjwei/10Q1/images/loading.gif");background-repeat:no-repeat;background-position:center;float: left;overflow:hidden;}
.slideBox img{width: 330px; height: 250px;}
.slideview_change{position: absolute; height: 19px; right: 5px; bottom: 38px;}
.slideview_change span{display:inline-block; width: 19px; height: 19px; margin-left: 5px; background: #000; color: #fff; line-height: 19px; text-align: center; text-decoration: none; cursor:pointer;}
.slideview_change span.hover{width: 17px; height: 17px; line-height: 17px; border: 1px solid #000; background: #c00; text-decoration: none;}
.slideview_text{width:330px; height:30px; line-height:30px; bottom:0; overflow:hidden;}
/*Tei Jia Fang*/
.tjf_t{ border-bottom:1px solid #ccc; height:31px; line-height:31px;}
.tjf_list{ border-bottom:1px dashed #e3e3e3; padding:6px 0;}
/*Big_t*/
.big_t{ height:44px; line-height:44px; background-position:0 -111px; background-repeat:repeat-x; border-right:1px solid #ccc; background-repeat:repeat-x;}
.big_t h3{width:200px; padding-left:19px; background-position:0 -156px;}
/*imgList*/
.list_img1{ width:1000px;}
.list_img1 li{ float:left; width:230px; margin-right:10px;}
.list_img1 p{ height:35px; line-height:35px;}
.list_img2{ padding:0 4px;}
.list_img2 li{float:left; display:inline; width:180px; margin:0 4px;}
.list_img2 li img{width:180px; height:135px;}
.list_img3 li{ margin-bottom:10px;}
.list_img4{ padding:0 2px;}
.list_img4 li{ float:left; display:inline; width:220px; margin:0 8px 10px;}
.list_img4 li img{width:220px; height:180px;}
/*PicShow*/
.up_btn, .down_btn{ width:39px; height:80px; background-position:0 -30px; margin-top:240px; text-indent:-999%;position:absolute;z-index:999;}
.down_btn{ background-position:-40px -30px;}
.picshow {width:1002px; height:580px; overflow:hidden;}
.up_btn{left:20px;}
.down_btn{right:20px;}
.picshow li {width:1002px; height:580px; overflow:hidden;float:left;}
.picshow_t{width:1002px; height:35px; line-height:35px; background-position:0 0; bottom:0;}
.smallcon{ margin:0 auto 15px;width: 979px;height:85px; border: 1px solid #e6e6e6; background: #f8f8f8; margin-top: 15px; padding: 5px 10px 10px;overflow:hidden;}
.smalllist{width: 943px;height: 85px;overflow:hidden;position: relative; }
.smalllist li{float: left; width: 144px; height: 85px; margin: 0 8px; display: inline; }
.smalllist li a{float: left;}
.smalllist li img{width: 131px; height: 77px; margin-top: 6px; margin-left: 2px;}
.smalllist li.select a, .smalllist li a:hover{width: 135px; height: 85px; background-position: -135px -25px; display: block;}
.toleft, .toleft:hover, .toright, .toright:hover{width: 13px; height: 83px; display: block; text-indent:-999%;}
.toleft{background-position: -108px -25px; top: 8px;}
.toleft:hover{background-position: -80px -25px;}
.toright{background-position: -122px -25px; top: 8px;}
.toright:hover{background-position: -94px -25px;}
/*Footer */
.footer { border-top:2px solid #408cd9; background-color:fff;}
#blinks{margin:0px 0px;padding:0px;overflow:auto;text-align:center}
#blinks li{display:inline}
/*Button*/
.btn01 a{ display:block; width:46px; height:24px; line-height:24px; padding-left:22px; background-position:-38px 0;}
/*img*/
.vm img{ vertical-align:middle;}
.img01 img{width:100px; height:80px;}
.img02 img{width:50px; height:50px;}
.img03 img{width:400px; height:200px;}
.img04 img{width:230px; height:130px;}
.img05 img{width:1002px; height:580px;}
/*Width Height*/
.w245{width:245px;}
.w330{width:330px;}
.w355{width:355px;}
.w950{width:950px;}

.h170{ height:170px;}
.h190{ height:190px;}
.h284{ height:284px;}
.h503{ height:503px;}
/*Margin*/
.mlr_10 a{ margin:0 10px;}
.ml37{ margin-left:14px;}
/*Font*/
.f_simsun{ font-family:"\5B8B\4F53";}
.f_yahei{font-family:"\5FAE\8F6F\96C5\9ED1";}
.f27{ font-size:27px;}
/*Color */
.col_1, .col_1 a:link, .col_1 a:visited { color:#333 } /*gray 3*/
.col_2, .col_2 a:link, .col_2 a:visited{ color:#fff;}/*white*/
.col_3, .col_3 a:link, .col_3 a:visited, a.col_3:link, a.col_3:visited{ color:#09548b;}/*blue1*/
.col_4:link, .col_4:visited{ color:#237fc2;}/*blue2*/
.col_5{ color:#cc0000;}/*red*/
.col_6{color:#a2a2a2;}/*gray*/
/*other*/
.out_bor{border:1px solid #ccc;}
.in_bor{position:relative; }
.bort_none{ border-top: none;}
.cell{display:table-cell;*display:inline-block;width:2000px;*width:auto}
.no_unl a:hover{ text-decoration:none;}
.white_box{ background-color:#fff;}
.bor_outer{ border:1px solid #ccc;}
.line_solid{height:1px; line-height:0; font-size:0px; border-bottom:1px solid #e8e8e8;}
.of_h{ overflow:hidden;}
.tit_wb{ font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;}


.focus_handle {
    bottom: 3px;
    opacity: 0.9;
    position: absolute;
    right: 3px;
}

.focus_handle li {
    float: left;
    margin: 0 0 0 3px;
}

.focus_handle li a {
    background-color: #d60000;
    color: #fff;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: 20px;
}

.focus_handle li.on a {
    background-color: #fff;
    color: #000;
}
.focus_handle li a:hover {
    background-color: #fff;
    color: #000;
}
.focus_handle li a {
    background-color: #d60000;
    color: #fff;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: 20px;
}
.focus_pics {
    left: 0;
    position: absolute;
    top: 0;
}
.focus_pics p {
    float: left;
}

.focus_handle {
    bottom: 3px;
    opacity: 0.9;
    position: absolute;
    right: 3px;
}