﻿/*
Offical Style for Hyjcw.Com(R)
URL: http://www.hyjcw.com
(C) 2008 Nhren.Com_WangJun(QQ:180580610).
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Style ~~~~ */
* { word-wrap: break-word; }
body { background: #FFF; text-align: center; width:100%;height:100%;}
body, input, textarea, select, button { color: #000; font: 12px/1.6em Helvetica, Arial, sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
li { list-style: none; }
a { color: #262626; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
/*table { empty-cells: show; border-collapse: collapse; }*/
select{border:solid 1px #999999;}
.clean{clear:both;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout & Block Style ~~~~ */
.wrap { width:980px; text-align: left; margin: 0 auto;}
.header{}
.nav{ margin-top:6px;}
	.nav .menu{background:url(wj/navbg.gif) no-repeat left 30%;height:30px;line-height:30px;padding-left:20px;color:#000000; text-align:center;}
		.nav .menu a{font-size:14px; font-weight:bold; color:#FFFFFF; float:left; width:50px;}
		.nav .menu a:hover{background:url(wj/navbg_on.gif) no-repeat center 30%}
	.topcategory{margin-top:6px; clear:both; margin-bottom:6px;}
	.topcategory div{float:left; width:60px; text-align:right;}
.search{background:#F2F2F2; margin-top:5px;}
 	.inputtext{border:solid 1px #999999;}
/*~~~~~~~~~~~~~~~~~~~~~*/
.wjbox_1{width:250px; overflow:hidden;}
	.wjbox_1 .titlebar{height:41px; background:url(wj/wjbox_top.gif) no-repeat; line-height:38px;}
	.wjbox_1 .showtitle{ float:left; width:auto; margin-left:30px; font-size:14px;}
	.wjbox_1 .showmore{float:right; width:40px;}
	.wjbox_1 .boxbody{background:url(wj/wjbox_mid.gif) repeat-y; padding-left:5px; padding-right:5px;}
	.wjbox_1 .boxbot{height:6px; background:url(wj/wjbox_bot.gif) no-repeat;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainbody{margin-top:6px;width:760px;overflow:hidden;float:left;}
.tb_other{color:#AEAEAE; margin-left:5px;}
.tb_tbtitle{color:#0066FF; font-weight:bold;}
.newteambuy{ background:url(wj/tdbg_01.gif) repeat-x;}
.tbtitle{font-size:14px; padding-top:5px; padding-left:10px;}
.tblist{ padding-left:5px;}

.mainleft{ float:left; width:100%; margin-right:-255px;}
.mainright{/* background:#999999;*/ float:right; width:250px;}
	.leftleft{width:250px; float:left}
	.leftright{width:250px; float:left; margin-left:5px; /*background:#CCFF99;*/}

.video{ width:320px; height:320px; float:left; background:#FF9966;}
.fmid{width:180px; float:right;}
.userinfo{padding:5px;height:18px; line-height:18px;}
.newcomdiv{width:420px; float:right;}
.newcomdiv td,.newcomdiv a{color:#0066FF;}

ul.newcom{float:right;color:#FFFFFF; width:auto;}
	ul.newcom li{float:left; width:108px; height:16px; line-height:16px; overflow:hidden; margin-left:4px;}

.specialcategory{}
	.specialcategory .boxtop{height:5px; background:url(wj/box3_top.gif) no-repeat;}
	.specialcategory .boxbody{background:url(wj/box3_mid.gif) repeat-y;}
	.specialcategory .boxbot{background:url(wj/box3_bot.gif) no-repeat; height:5px;}
	
	.catename{writing-mode:tb-rl; text-align:center;}

.comact{}
	.comact .boxtop{ height:5px;background:url(wj/box2_top.gif) no-repeat;}
	.comact .titlebar{height:28px; line-height:28px;background:#FFF url(wj/title_bot01.gif) no-repeat bottom; margin-bottom:5px;}
	.comact .showtitle{ font-size:12px; font-weight:bold; margin-left:10px; word-spacing:50px;}

.product{width:100%; clear:both; margin-top:6px; margin-bottom:6px;}
	.product .boxtop{height:6px; background:url(wj/box4_top.gif) no-repeat;}
	.product .titlebar{height:28px; line-height:28px;background:#FFF url(wj/title_bot01.gif) no-repeat left bottom; margin-bottom:5px;}
	.product .showtitle{ font-size:12px; font-weight:bold; margin-left:10px; word-spacing:50px;}
	.product .boxbody{background:url(wj/box4_mid.gif) repeat-y; height:auto;}
	.product .boxbot{height:6px; background:url(wj/box4_bot.gif) no-repeat;}
	
.topiclist{margin:0; padding:0px;}
.topiclist li{line-height:20px;heigth:20px;white-space:nowrap;}

.productlist{float:left; width:110px; height:140px;overflow:hidden; margin:5px 6px;}
.Iprod_ul{}
.Iprod_ul img{height:62px;}
.productimg{width:110px;height:72px; background:url(wj/product_picbg_02.gif) no-repeat center center;}
	.productimg img{width:100px;margin-left:5px; margin-top:5px;}
.speciallist{height:150px;}
.speciallist li{width:110px; overflow:hidden;}

	
.houseshowlist{width:170px; height:105px; overflow:hidden; float:left;margin:5px 8px;*margin:5px 9px !!important;*margin:5px 8px;}
.showhouse{width:170px;height:105px;}

.logolink{width:88px; height:31px; overflow:hidden; float:left; margin:2px 5px;}
	.linkimg{width:88px; height:31px;}
.textlink{height:14px; line-height:14px; float:left; margin:2px 5px;}

#footer{}
	.botnav{height:36px; background:url(wj/botnavbg.gif) repeat-x; padding-top:10px; text-align:center; color:#999}
		.botlogo{width:200px;}
		.copyright{}
		
#dhtmltooltip {	border: #B0DEFF 1px solid; 	padding: 2px; 	z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=#B0DEFF,direction=135); 
	left: -300px; visibility: hidden; width: 250px; text-align:left; position: absolute; background-color: #F7FCFD;}
#dhtmlpointer {	z-index: 101; left: -300px; visibility: hidden; position: absolute;}
/*帮助*/
#help{ position:absolute; left:500px;;clear:both;z-index:6000; line-height:20px;width:100px;border: #B0DEFF 1px solid; padding: 2px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#B0DEFF,direction=135); background-color: #F7FCFD;}
.co_show{z-index:50; margin:auto; top:150px;left:200px; position:absolute;}
.specialicon{position:relative; left:-12px; top:-100px;}


/*商家列表*/
.com_logo{ width:140px; height:70px; margin:3px;}
.com_list{width:98%;text-align:left;margin:10px;line-height:20px;}
.com_list .logotd{ width:160px;border-bottom:1px #9ec9ec dashed;}
.com_list .title{ font-size:14px; font-weight:bold; float:left;}
.com_list .contd{border-bottom:1px #9ec9ec dashed; color:#666;}

.prod_listitem{width:100%;border-bottom:1px #EEEEEE solid; position:relative;}
	.listspecialicon{position:absolute; left:-10px; top:auto; float:left;}
	.prod_logo{ width:160px; height:100px; padding:10px;}
	.prod_list{width:98%;text-align:left;margin:10px;line-height:20px;}
	.prod_list .prod_name{font-weight:bold;}
	.prod_list .prod_name a{color:#333333}
	.prod_list .com_name{float:right; width:auto; padding:5px; background:#FFFFCC;}
	.prod_list .logotd{width:180px;}
	.prod_list td{color:#666666;}
	.prod_list .sp{color:#0066FF; font-weight:bold;}

.prods{width:98%;text-align:center;margin:10px 0px;line-height:20px; background:#fff;}
.prods .titletd{ background:#E7E7E7; text-align:center; }
.prods .td1{ background:#F6F6F6;}
.prods .td2{ background:#fff; padding-left:3px; font-weight:bold;border-top:solid 1px #93C4F4;}
.prods .td3{ background:#efefef; text-align:center; color:#666666; }
.in_menu{width:100%;text-align:center;margin:0px auto 5px auto; border-bottom:solid 3px #1989D7; font-size:14px;}
.in_menu .td1{ background:#1989D7; color:#fff; font-weight:bold;width:120px;}
.in_menu .td2{ font-weight:bold;width:120px;}
.weblink{margin:5px; text-align:left; }
.checkform span{padding:3px;margin-left:5px;font:bold 12px Tahoma;color:#666;border:1px solid #FF6600;background:#FFF2E9 url(skins/images/msg_error.gif) no-repeat 2px center;}
/*留言*/
.mess{width:650px;margin:5px 10px 5px 10px;border:1px #9ec9ec solid;text-align:left; text-indent:24px;}
.mess_title{ text-align:center; font-size:14px; font-weight:bold; height:25px;}
.mess_info{background:#f4f4f4; height:25px;}
.mess_con{padding:5px;}
.star{ font-size:12px; font-weight:normal; float:right;color:#888; }
/*帐户管理*/
.adsProdList{ width:150px; border:dashed 1px #ccc; margin:2px 5px 3px 0px; line-height:20px;}

/*文章显示*/
.art_title{ font-size:13px; text-align:center; margin:5px; font-weight:normal;}
.art_tip{ text-align:center; color:#888}
.art_con{ margin:10px;}
.art_con img{border:solid 1px #cccccc; padding:4px; margin:4px; max-width:630px;max-height:630px;
    /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/
    width: expression(this.width > 630 && this.width / 630 >= this.height / 630 ? 630 : true);
    height: expression(this.height > 630 && this.width / 630 < this.height / 630 ? 630 : true);
}
.art_list_class{ float:left; width:298px; background:#d1e7fc; color:#000; font-weight:bold; text-align:left; height:23px; padding-top:5px; text-indent:12px; border:solid 1px #9ec9ec;}
.art_list_title{ float:left; width:298px; margin:0px auto 5px auto;border:solid 1px #9ec9ec; border-top:none;}
.datainfo { z-index:50; margin:10 auto; top:150px;left:99px; position:absolute; line-height:20px;width:400px;}
.datainfo .infoimg{border:solid 1px #cccccc; padding:4px; margin:4px; max-width:330px;max-height:400px; text-indent:10px;
    /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/
    width: expression(this.width > 330 && this.width / 330 >= this.height / 400 ? 330 : true);
    height: expression(this.height > 400 && this.width / 330 < this.height / 400 ? 330 : true);}
.info_top{ background:url(wj/info_1.gif); font-weight:bold; height:20px; padding-top:10px; width:400px;}
.info_middle{ background:url(wj/info_2.gif);background-repeat: repeat-y;  padding:10px;width:380px;}
.info_middle div{ padding:0px 2px 0px 2px;}
.info_bottom{background:url(wj/info_3.gif); height:19px; width:400px;}
.info_title{text-align:center; font-weight:bold; font-size:14px; text-indent:0px;}
.decorshow{width:980px;text-align:center;margin:auto; line-height:20px;border:solid 1px #9ec9ec;}
.showcon{ float:left; width:180px; margin:4px; height:210px; background:#F1F8FE;}
.decorimg{border:solid 1px #cccccc; padding:4px; max-width:160px; max-height:120px;
    /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/
    width: expression(this.width > 160 && this.width / 160 >= this.height / 120 ? 160 : true);
    height: expression(this.height > 120 && this.width / 160 < this.height / 120 ? 120 : true);
}
.showcon li{margin:2px; border-bottom:dashed 1px #ccc; width:155px;}
.c03{color:#FF0000}
.deshow{width:760px; margin:0px 10px 5px 10px; background:#ccc;}
.deshow td{ background:#fff; padding:5px;}

li.art_list{margin:10px; border-bottom:dashed 1px #ccc; width:630px;}

/*对联广告*/
#adleft{}
#adleft .leftad2, #adright .rightad2{margin-top:10px;}
.btnclose{text-align:right;}
#announcement {line-height: 24px; height: 120px; overflow: hidden; }
	#announcement div { padding: 0 10px; line-height: 23px !important; height: 120px; overflow-y: hidden;}
		#announcement li { float: left; margin-right: 20px; padding-left: 10px; background: url(images/arrow_right.gif) no-repeat 0 50%; white-space: nowrap; }

.topad01 li{ float:left; margin:auto 1px;}

.sitecount{line-height:18px; clear:both;}
.sitecount ul li{width:auto; height:18px; line-height:18px;}


.table_01{background-color:#FFFFE6;}
.table_title_01{border-top:2px solid #990033; background:#FFE6D9; font-size:14px; font-weight:bold;}
.td_01{ font-weight:bold;color:#333333;}
.tr_01{background:#FFF7EE;}
.housetypeupload{width:650px; margin:auto;}
.btn_submit{ margin-left:200px; width:auto;}
.table_footer_01{background:#FFF7EE;}
.addhousetypetd{padding-right:20px; overflow:hidden;font-weight:bold;color:#333333;}

.indexright{width:210px; float:right; overflow:hidden; margin-top:5px;}
.right210ad{margin-bottom:5px;}
div.left_title{background:#1989d7; color:#fff; font-weight:bold; text-align:center; height:23px; padding-top:5px; float:left;width:100%;}
table.news{width:100%; text-align:center; margin:0 auto;background:#1989d7;font-weight:bold;height:28px;padding-top:5px;}
a.title2{color: #000; text-decoration: none;}
a:hover.title2{color: #000; text-decoration: underline;}
div.left_title{background:#1989d7; color:#fff; font-weight:bold; text-align:center; height:23px; padding-top:5px; float:left;width:100%;}
table.title_left{ float:left;}
table.title_right{ float:right; margin-right:10px;}
table.nt_show{background:#ffffff; font-weight:bold; cursor:pointer; height:28px;}