@charset "utf-8";

.content .main {width: 650px;}
.content .sidebar {width: 296px;}

.content .helpmain {width: 750px;}
.content .helpsidebar {width: 196px;}

.sort_asc {background: url(../images/sort_asc.gif) no-repeat right 2px; padding-right: 10px;}
.phone{color:#f00; font-size:16px; font-family:Arial Black;}

.tabs{ margin:6px 3px 0px 3px;}
.tabs span{background:#fcfadb;border:solid 1px #d4d4d4;color:#f00;padding:2px;margin-left:5px;float:right;position:relative;z-index:5;}
.tabs .tabnav {height:27px;background: url(../images/module_main_h2.gif);}
.tabs .tabnav li{color:#fff;float:left; margin-right:3px; text-align:center; width:73px;line-height:27px; cursor:pointer; background: url(../images/index.gif) no-repeat scroll -80px -230px; position:relative; z-index:5;}
.tabs .tabnav .selected{background: url(../images/index.gif) no-repeat scroll 0px -230px;}
.tabs .tabcontent{padding:6px 2px 2px;height:100%;border:solid 1px #d4d4d4; clear:left; position:relative; top:-5px; z-index:4;}

.actbox { float:right;width:130px; margin:8px 10px 0 0; }
.actbox ul li{line-height:20px;float:left;padding-left:20px;background:url(../images/ico.gif) no-repeat;margin-left:10px;}
.actbox ul li a{color:#666;}
.actbox ul li#act-fav{background-position:0px -186px;}
.actbox ul li#act-pnt{background-position:0px -524px;}

.pic_text { overflow: hidden;height:1%;margin-bottom:5px;}
.pic_text p{float:left;}
.module_sidebar .pic_text .list_text {float:left;width:190px}

.side_list_pic { width:290px; padding-top: 5px;overflow: hidden;}
.side_list_pic li { width: 94px; height: 120px; overflow: hidden; float: left; text-align: center; }
.side_list_pic li img{ width: 80px;height:80px}
.side_list_pic li p { width: 86px; margin: 0 auto; }
.side_list_pic li p a { display: block; width: 84px; height: 84px; overflow: hidden; border: 1px solid #c4c4c4; padding: 2px; }
.side_list_pic li p a:hover { border: 1px solid #999; }
.side_list_pic h3 { width: 90px; margin: 6px auto 0; }
.side_list_pic h3 a { display: block; width: 90px; height: 20px; line-height: 18px; overflow: hidden; font-weight: normal; color: #666; text-decoration: none; font-size: 12px; }
.side_list_pic h3 a:hover { text-decoration: underline; }
.side_list_pic h3 span { display: block; color: #fe5504; font-weight: bold; font-size: 13px; }


.article_wrap {clear:both;overflow: hidden;background: #fff;}
.article_con {background: #fff;margin: 20px;}
.article_con h1 { font-size: 16px; color: #3d3f3e; text-align: center; }
.article_con h3 {color: #9a9a9a;font-size: 12px;padding: 5px 0 5px;margin-bottom: 5px;font-weight: normal;text-align: center;border-bottom: 1px solid #d2d2d2;}
.article_con .contxt{font-size:14px;line-height: 150%;FONT-FAMILY: 宋体,tahoma;}


.more_article { clear:left;border-top: 1px solid #d2d2d2; padding: 10px 0 0 0; }
.more_article h4 { font-size: 13px; color: #3f3f3f; font-weight: normal; margin-bottom: 5px; }
.more_article h4 a { color: #006bcd; text-decoration: none;}
.more_article h4 a:hover { text-decoration: underline; }
.more_article h4 span { color: #999; padding-left: 20px; }

.house_info {padding:5px;}
.house_info h1 {text-align: left; line-height:18px;color:#CC0000;padding-left: 22px; background: url(../images/ico.gif) no-repeat 0 -548px;}
.house_info .no {margin-left:2px;line-height:18px;margin-top:8px;font-size:12px;text-align: left; color:#666;padding-left: 20px; background: url(../images/ico.gif) no-repeat 0 -572px;}
.user_info { margin:0px 0px; background: url(../images/user_info.gif) no-repeat; padding-top:50px; }
.user_info.avatar{float:left}
.user_info ul{border: 1px solid #d2d2d2;font-size:13px;float:left;margin-left:5px;width:150px;}
.user_info ul li{ color:#666}
.user_info .tips { background: url(../images/tip.gif) no-repeat; border: 1px solid #d2d2d2; padding:32px 4px 5px 4px; line-height:20px; font-size:13px; color:#666666; margin-bottom: 5px; }
.user_info .tips p{padding-left:0 5px;}

.users ul {}
.users ul li{ float:left; width:80px; height:95px;padding:1px; margin:2px 5px; border: 1px solid #999999; }
.users ul li p{ text-align:center; padding:0px; line-height:15px; height:15px; background: #eee; }

.brand_info {padding-bottom:5px;}
.product_info  h1{line-height:28px;color:#CC0000;padding-left:20px;}
.product_info .info{ width:330px; float:right; border:1px solid #CCCCCC; font-size:13px; margin-right:2px }
.product_info .info ul li{ width:330px; float:left; border-bottom: 1px solid #CCCCCC; }
.product_info .info label{float:left;display:block;width:60px;text-align:right;line-height:28px;padding-right:10px;background-color: #F2F2F2;}
.product_info .info span { line-height:28px; float:right;width:260px;text-align:left;overflow: hidden;height:28px}
.product_info .contxt{padding:5px 15px;font-size:13px;line-height: 150%;FONT-FAMILY: 宋体,tahoma;}

.job_info  h1{line-height:28px;color:#CC0000;padding-left:20px;}
.job_info .info{ float:left; border:1px solid #CCCCCC; font-size:13px; margin:0 3px }
.job_info .info ul li{ width:318px; float:left; border-bottom: 1px solid #CCCCCC; }
.job_info .info label{
	float:left;
	display:block;
	width:60px;
	text-align:right;
	line-height:28px;
	background-color: #F2F2F2;
	display:inline;
	margin-right: 5px;
}
.job_info .info span {line-height:28px; overflow: hidden; }
.job_info .contxt{padding:5px 15px;font-size:13px;line-height: 150%;FONT-FAMILY: 宋体,tahoma;}

.resume_info .info{ width:640px;font-size:13px; margin:0 3px }
.resume_info .info ul{ width:480px;float:left; border:1px solid #CCCCCC;}
.resume_info .info ul li{ width:240px; float:left; border-bottom: 1px solid #CCCCCC;background: url(../images/label_bg.gif) repeat-y;}
.resume_info .info label{float:left;display:block;width:80px;text-align:right;line-height:29px;padding:0 5px;background-color: #F2F2F2;}
.resume_info .info span { padding:0 5px;line-height:28px; overflow: hidden; }
.resume_info .title{line-height:28px;color:#CC0000;padding:0 5px;}
.resume_info .avatar{ float:right; width:150px; height:150px; zoom:1; border:1px solid #CCCCCC; }
.resume_info .contxt{padding:5px 15px;font-size:13px;line-height: 150%;FONT-FAMILY: 宋体,tahoma;}

.resume_info .info1{ width:640px;font-size:13px; margin:0 3px }
.resume_info .info1 ul{ width:640px;float:left; border:1px solid #CCCCCC;}
.resume_info .info1 ul li{ width:640px; float:left; border-bottom: 1px solid #CCCCCC;background: url(../images/label_bg.gif) repeat-y;}
.resume_info .info1 label{float:left;display:block;width:80px;text-align:right;line-height:29px;padding:0 5px;background-color: #F2F2F2;}
.resume_info .info1 span { padding:0 5px; line-height:28px;overflow: hidden; float: right; width:539px; }


.layout { width:640px; height:166px; position: relative; margin-left: 3px; }
.layout .ware_box { width: 610px; height: 166px; position: absolute; left: 15px; top: 0px; overflow: hidden;}
.layout .ware_box  ul {position: absolute;width:30000px;}
.layout .ware_box  ul li{ width:142px; height:160px; float:left; border: 1px solid #CCCCCC; margin:4px; display:inline;overflow: hidden; cursor: pointer; }
.layout .ware_box  ul li p{ text-align:center; background-color:#eee; padding:2px; color: #CC0000;}
.layout .leftbtn { width: 10px; height: 160px; border: 1px solid #ccc; background: #f7f4f0 url(../images/left_btn.gif) no-repeat center center; position: absolute; bottom: 0; left: 0px; cursor: pointer; }
.layout .rightbtn { width: 10px; height: 160px; border: 1px solid #ccc; background: #f7f4f0 url(../images/right_btn.gif) no-repeat center center; position: absolute; bottom: 0; right: 0px; cursor: pointer; }


.btn_c1 a { float:left;margin:5px;display: block; width: 144px; height: 30px; background: url(../images/btn.gif) 0 -160px; }
.btn_c2 a { float:left;margin:5px;display: block; width: 144px; height: 30px; background: url(../images/btn.gif) 0 -200px; }
.btn_c3 a { float:left;margin:5px;display: block; width: 144px; height: 30px; background: url(../images/btn.gif) 0 -240px; }
.btn_c4 a { float:left;margin:5px;display: block; width: 142px; height: 38px; background: url(../images/btn.gif) 0 -380px; }

.images { align:center; width:305px; float:left; margin-left: 2px;}
.images .big_pic { width: 300px; height: 300px; background: #f1f1f1;}
.images .small_pic {width: 302px; height: 60px; position: relative;}
.images .ware_box { width: 280px; height: 60px; position: absolute; left: 10px; top: 3px; overflow: hidden; }
.images .ware_box ul { width: 30000px; position: absolute;}
.images .ware_box li { width: 50px; height: 50px; overflow: hidden; padding: 6px 3px 3px 3px; float: left; cursor: pointer; }
.images .left_btn { width: 8px; height: 50px; border: 1px solid #ccc; background: #f7f4f0 url(../images/left_btn.gif) no-repeat center center; position: absolute; bottom: 0; left: 0px; cursor: pointer; }
.images .right_btn { width: 8px; height: 50px; border: 1px solid #ccc; background: #f7f4f0 url(../images/right_btn.gif) no-repeat center center; position: absolute; bottom: 0; right: 0px; cursor: pointer; }
.images .ware_pic_hover { background: url(../images/ware_pic_hover.gif); }

.images1 { align:center; width:305px; float:left; margin-left: 2px;}
.images1 .big_pic { width: 300px; height: 300px; background: #f1f1f1;}
.images1 .small_pic {width: 302px; height: 78px; position: relative;}
.images1 .ware_box { width: 280px; height: 78px; position: absolute; left: 10px; top: 3px; overflow: hidden; }
.images1 .ware_box ul { width: 30000px; position: absolute;}
.images1 .ware_box li { width: 50px; height: 78px; overflow: hidden; padding: 6px 3px 3px 3px; float: left; display:inline; cursor: pointer; }
.images1 .ware_box li p{height:15px;line-height:15px;padding:1px;text-align:center;background-color:#eee;color: #CC0000;}
.images1 .left_btn { width: 8px; height: 70px; border: 1px solid #ccc; background: #f7f4f0 url(../images/left_btn.gif) no-repeat center center; position: absolute; bottom: 0; left: 0px; cursor: pointer; }
.images1 .right_btn { width: 8px; height: 70px; border: 1px solid #ccc; background: #f7f4f0 url(../images/right_btn.gif) no-repeat center center; position: absolute; bottom: 0; right: 0px; cursor: pointer; }
.images1 .ware_pic_hover { background: url(../images/ware_pic_hover1.gif) no-repeat; }

.images2 {width:950px; float:left; margin-left: 2px;position: relative;}
.images2 #pic {position:absolute;cursor:move;}
.images2 .big_pic { float:left; width: 720px; height: 540px; background: #eee;position:relative; overflow: hidden; }
.images2 .small_pic { width: 228px; height: 540px; position: relative; }
.images2 .ware_box { width: 228px; height: 505px; position: absolute; left: 0px; top: 18px; overflow: hidden; }
.images2 .ware_box ul { height: 30000px; position: absolute;}
.images2 .ware_box li { border: 1px solid #ccc; width: 100px; height: 116px; overflow: hidden; padding: 2px; margin:2px; float: left; display:inline; cursor: pointer; }
.images2 .ware_box li p{ height:15px; line-height:15px; padding:1px; text-align:center; color: #FFFFFF; background: #4F0000; }
.images2 .top_btn {margin:0 2px;width: 214px; height: 15px; border: 1px solid #ccc; background: #f7f4f0 url(../images/top_btn.gif) no-repeat center center; position: absolute; left: 0px; top: 0px; cursor: pointer; }
.images2 .bottom_btn {margin:0 2px;width: 214px; height: 15px; border: 1px solid #ccc; background: #f7f4f0 url(../images/bottom_btn.gif) no-repeat center center; position: absolute; left: 0px; bottom: 0px; cursor: pointer; }
.images2 .ware_pic_hover { background: url(../images/ware_pic_hover2.gif) no-repeat; }

.comment{margin:10px;}
.commentbox{ border:1px solid #bde3fd; margin-top:10px;}
.commentbox .title{ background:#EDF8FE; color:#09c; border:1px solid #fff; line-height:26px; height:26px; padding:0 6px;}
.commentbox .title{ background:#EDF8FE; color:#09c; border:1px solid #fff; line-height:26px; height:26px; padding:0 6px;}
.commentbox .act{ border:1px solid #fff; text-align:right; border-top:1px dotted #bde3fd; color:#09c; line-height:24px; padding-right:15px;}
.commentbox .msg{ padding:0px;white-space:pre;word-wrap:break-word;overflow:hidden;}
.comment textarea{ height:60px; border:1px solid #ccc; width:580px; }
.comment ul{padding-top:5px;float:left;}
.comment ul li label{font-size:13px;font-weight:bold;line-height:20px;}
.comment ul li{ float:left; margin-right:7px; }
.comment ul li input,.comment ul li img,{vertical-align:middle;margin-right:4px;*margin-right:0px;}
.comment .post{clear:left;height:25px;padding-top:5px;}

.tabs-hide { display: none;}
.tabs-nav {list-style: none;margin: 0;padding: 0 0 0 4px;display: block;}
.tabs-nav li {float: left;margin: 0 0 0 1px;}
.tabs-nav a, .tabs-nav a span {display: block;padding: 0 10px;background: url(index.gif) no-repeat;}
.tabs-nav a {background-position: 100% -100px; position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {background-position: 100% -150px; outline: 0;}
.tabs-nav a span {width: 64px; height: 18px; padding-top: 6px;padding-right: 0;background-position: 0 0;}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {background-position: 0 -50px;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {cursor: pointer;}
.tabs-container {clear:left;position:relative;border-top: 1px solid #97a5b0;padding: 1em 8px;background: #fff;}
.tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%;}

.squares .housesell_list { width: 645px;border: 1px solid #dfdfdf;}
.squares .housesell_list ul{ float: left; width: 120px; margin:2px; padding:1px; border: 1px solid #999999; text-align:center; }
.squares .housesell_list ul li {line-height:18px;overflow: hidden;padding:0px; font-size:13px;}
.squares .housesell_list ul li span{display:block;height:15px;line-height:15px;}
.squares .housesell_list ul h3{ color: #006699;line-height:18px;height:18px; overflow: hidden;}
.squares .housesell_list ul .subtitle{font-size:12px;color: #999; line-height:15px; }
.squares .housesell_list ul .total{font-size:16px;font-weight:bold; color: #FF0000; line-height:16px; padding:2px 0;font-family: 黑体;}
.squares .housesell_list ul .price{font-size:12px;color: #999; line-height:15px; }
.squares .housesell_list ul .landlord{padding-left:18px;font-size:12px;color: #f00; line-height:15px; background: url(../images/ico.gif) no-repeat 0 -710px}
.squares .housesell_list ul a{ color: #336699; }
.squares .housesell_list .none{display:none;}
.squares .housesell_list .header{display:none;}
.squares .housesell_list .top{width:120px;height:25px;}

.list .product_list { width: 670px; margin-bottom: 10px; font-size:13px;}
.list .product_list ul{ width: 670px;border-bottom: 1px solid #CCCCCC;}
.list .product_list ul li { float:left;height:50px;line-height:30px;padding:5px 0; overflow: hidden;}
.list .product_list ul .pic {width: 80px;height:60px;}
.list .product_list ul .pic img { width: 60px; height: 60px; }
.list .product_list ul .title {width: 280px;}
.list .product_list ul .title span{float:left;width: 280px;}
.list .product_list ul .model {width: 180px;}
.list .product_list ul .model span{float:left;width: 180px;}
.list .product_list ul .price {width: 120px;}
.list .product_list ul .price span{float:left;width: 120px;}

.job_list ul { margin-bottom: 5px;width:255px;}
.job_list li { float:left; width:85px; height:30px; line-height: 30px; text-align:center; margin:5px; background: #ECF9FF; border: 1px solid #003366; }
.job_list a  { color: #666; text-decoration: none; }
.job_list a:hover { color: red; text-decoration: underline; }

