body, td, th {
	background:#FFF;
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, "宋体", sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;
}
body, ul, ol, img, h1, p, li, form {
	margin:0;
	padding:0;
	border:0;
}
body {
	min-width:1000px;
 width:expression(documentElement.clientWidth < 1000? "1000px":"auto");
}
/*用更具体的 #bbsTop #q 是为了和各首页的 #q 区分开*/
#bbsTop #q, #qq, .searchInput {
	font-size: 12px;
	height:20px;
	line-height:22px;
	border:1px solid #85A4C1;
	width:376px;
	background:#fff;
	color:#888;
	padding:0 4px;
}
/*把需要垂直对齐的多个 INPUT 用 vertical-align:middle; 来解决 Firefox 下不对齐的问题。IE 是齐的。 网上查到还需要配合 display:table-cell; 实测是不能写这句的，FF2 不支持 display:table-cell; 会解释成 block*/
#bbsTop #q, #qq, .searchInput, .searchButton, .searchResult {
	vertical-align:middle;
}
ul li {
	list-style:none;
}
/*有些局部的链接和全局链接样式一样，就把局部内再具体化一下 .contentlink a.link 了。*/
.contentlink a {
	color: #666;
	text-decoration: none;
}
.contentlink a:hover {
	color: #333;
}
a, .contentlink a.link {
	font-weight:normal;
	color:#0033CC;
	text-decoration:none;
}
a:hover, .contentlink a.link:hover {
	text-decoration:underline;
}
.contentlink a:hover {
	text-decoration:none;
}
.highlight, a.highlight {
	color: #ff6315;
}
a.highlight:hover {
	color: #ff6315;
	text-decoration:underline;
}
.fB {
	font-weight:bold;
}
.textRight {
	text-align:right;
}
#topNav {
	height: 27px;
	line-height: 27px;
	padding: 2px 5px;
	border-bottom:1px solid #E0E7F1;
}
#topLeft {
	font-size: 14px;
	float: left;
}
#topLeft a.highlight {
	font-weight:bold;
}
#topRight {
	float: right;
}
#search {
	clear:both;
	height:60px;
	margin:13px 10px;
}
.searchForm {
	float:left;
}
#logoResult {
	padding:0 20px 0 10px;
	float:left;
}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden;line-height:0; }
/*Windows 系统外观使用 XP 样式时，给按钮 background-image 设背景图 IE7 不显示，解决办法是换用 background: url(http://img2.soufun.com/search/blog/img/btn3.gif);*/
.searchButton {
	background: url(http://img2.soufun.com/search/blog/img/5.jpg);
	height: 22px;
	width: 70px;
	border:none;
	cursor:pointer;
}
.searchResult {
	background: url(http://img2.soufun.com/search/blog/img/btn2.gif);
	height: 26px;
	width: 122px;
	border:none;
}
.searchBottom {
	height:28px;
	line-height:28px;
	margin-top:5px;
}
#summary {
	width:100%;
	clear:both;
	margin:8px auto 0;
	height:26px;
	line-height:26px;
	border-top:1px solid #D2DFF3;
	background-color:#EDF2FA;
}
#summaryq {
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-left:12px;
	text-align:left;
}
.rit {
	float:right;
	margin-right:12px;
	text-align:right;
}
#quickselect {
	width: 156px;
	margin: 4px 0 0 8px;
	border-right: solid 1px #ccc;
	float: left;
	padding: 4px 0;
}
.fgray {
	color:#999;
}
#chosen {
	border:1px dashed #FF6600;
	margin:8px 2px;
	padding:3px 0 3px 6px;
	width:133px;
}
/*IE6 中文字以外的部分不能点击，加宽度可解决，但 width:100%; 在 FF 里会便其宽度超出外层 div 框，最后定在 width:80%; 还好。 */
#chosen a.cancel {
	width:80%;
	overflow:hidden;
	margin:2px 10px;
	padding: 0 10px 0 0;
	background-image: url(http://img2.soufun.com/search/blog/img/close.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
#condition h4 {
	margin:2px 5px;
	width:135px;
	padding-left:15px;
	height:24px;
	line-height:24px;
	color:#333;
	font-weight:bold;
	overflow:hidden;
	background-image: url(http://img2.soufun.com/search/blog/img/arow_down02.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	font-size: 12px;
}
/*设左 margin 为20是为了让更多城市的触发位置在“更”字起始，若用padding-left: 15px;，则起始位置会偏离“更”字。*/
#condition a {
	overflow:hidden;
	display: block;
	margin: 2px 5px 2px 20px;
}
/*#condition a:hover {
	overflow:hidden;
	display: block;
	margin: 2px 50px 2px 20px;
	background:#D2DFF3 repeat;
	
}*/

#condition a:hover {overflow:hidden;display: block; background:#D2DFF3 repeat;}

#condition h4.arrowR {
	background-image: url(http://img2.soufun.com/search/blog/img/arow_r.gif);
	background-position:left center;
	border-bottom: solid 1px #ccc;
}
/*这个更多的链接要做成和条件 H4 相同的样式*/
#condition h4.arrowR a {
	font-weight:bold;
	color:#333;
	margin:0;
}
/*#condition h4.arrowR a:hover {
	margin:0;color:#0033CC;
	text-decoration:underline;
	margin-right:50px;
	background:#D2DFF3 repeat;}
*/

#condition h4.arrowR a:hover {margin:0;color:#0033CC;text-decoration:underline; background:#D2DFF3 repeat;}

#more {
	float:right;
	margin:4px 8px 0 0;
	width:180px;
	padding: 4px;
	border-left: solid 1px #ccc;
	clear: right;
}
#more a {
	display: block;
	margin: 2px 5px;
}
#content {
	height:100%;
	margin:0 194px 0 164px;
	/*这是左栏隐藏时的样式margin:0 190px 0 20px;*/
	padding: 6px;
}
/*论坛结果页没有左栏*/
#contentForum {
	height:100%;
	margin:0 194px 0 10px;
	padding: 6px;
}
/*#mode {
	border-bottom: solid 1px #ccc;
}*/

#mode {display:block;overflow:hidden;zoom:1;border-bottom: solid 1px #ccc;}

#modeSort {
	float:left;
	width: 200px;
}
.centhot {
	width:96%;
	margin:15px 0;
	background-color:#FFF8DD;
	padding: 10px;
	color: #666;
}
/*相关论坛的图片*/
.photo_lb {
	border:1px solid #999999;
	float:right;
	height:90px;
	margin:10px;
	padding:1px;
	width:120px;
}
.photo_lb a:visited{
	color: #ff6315;
	text-decoration:none;
}

#contentTable {
	margin: 5px auto;
	width: 99%;
}
/*恶意长字符串隐藏起来。IE6 需要指定宽度才能让 overflow:hidden 生效，但是 width:99%; 会在有图片时，让文字不挤到图片下面去了。*/
.postSource {
	overflow:hidden;
    width:550px;
    color:#000;
}
.postSource a, .forumSource a {
	color: #008000;
}
.postSource a:hover, .forumSource a:hover {
	text-decoration: underline;
}
.serchtitle {
	height:26px;
	line-height:26px;
	color:#000;
	font-weight:bold;
}
/*多条结果的图片错位,仿照帖子结果列表把外层加上 	float: left;	width:99%; 先变通一下.*/
.forumResult {
	float: left;
	width:99%;
	border-bottom:1px dashed #B9B9B9;
	clear: left;
}
.forumResult a:visited{
	color: #ff6315;
	text-decoration:none;
}
.forumPic {
	border:1px solid #999999;
	float:right;
	height:90px;
	margin:10px;
	padding:1px;
	width:120px;
}
.forumPic a:visited{
	color: #ff6315;
	text-decoration:none;
	}
.forumSource {
	margin-right:150px;
}
.forumSource a:
.titleBig {
	color:#0033CC;
	font-size: 14px;
	font-weight: bold;
}
.titleBig a:visited{
	color: #ff6315;
	text-decoration:none;
}
.titleBig span {font-weight:bold;font-size:14px;}

#contentTable tr {
	text-align:center;
}
#contentTable th {
	font-weight:normal;
	height:29px;
	line-height:29px;
	background-color:#F2F4F6;
	border-bottom: solid 1px #ccc;
	color:#000;
	min-width:40px;
}
#contentTable td {
	padding: 2px;
	color:#666;
	border-bottom: solid 1px #ccc;
}
.tbPost {
	text-align:left;
}
.tbForum {
	width:140px;
}

.tbCity {
	width:50px;
}
.tbType {
	width:70px;
}
.tbTime {
	width:80px;
}
.pages {
	font-size: 14px;
	text-align: center;
	padding: 15px 0;
	border-bottom: 2px solid #FF6315;
	margin: 0 0 5px 0;
	clear: both;
}
#relate {
	padding: 15px 0;
	font-size: 14px;
}
#bbsBottom {
	clear: both;
	margin:8px 0;
	padding:15px 0;
	height:68px;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	background-color:#EDF2FA;
}
#formBot {
	width: 600px;
	margin: auto;
}
#footerResult {
	clear:both;
	color:#666666;
	line-height:22pt;
	text-align:center;
}
/*列表方式样式 begin 。列表模式下有图片但没文字的结果会穿越，使用 clear:left; 能在 IE 解决，但 FF 还不灵,会让全部内容跳到最下面去,最后的变通是再加上 float: left;,而这在 FF 里还是会让内容比右侧下移一块,再加上 width: 99%; 就解决了.*/
.result {
	color:#666;
	margin:8px 0;
	float: none;
	width: 550px;
}
/*.attPic {
	float:left;
	padding:0 5px;
	width:120px;
}*/

.attPic {padding:0 5px;width:120px;}


.postTitle a {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.postTitle a:hover {
	text-decoration:none;
}

.postTitle a:visited {
	color: #ff6315;
	text-decoration:none;
}
/*列表方式样式 end*/

/*JS 互动程序用到的样式 begin*/
.noshow {
	display:none;
}
/*既然菜单是统一的一个 div，只用 ID 值定义就行了，不用 class 了
 这回有多个内部样式不同的浮动层了，divMenu 只管层浮动的效果，层内样式由各自层内处理
 2009-9-24 9:54:49 不知何故,新版首页的提示层出纵向滚动条了,只好再给这外框加上指定高度height: 300px;
 */
#divMenu {
	text-align:left;
	position: absolute;
	display: none;
	z-index: 9999;
	overflow: auto;
	height: 300px;
}
/*按 strPurpose_a 块定宽度，则在类型菜单能显示成定宽，其它菜单能自适应内部内容宽度 	width:100%; 	*/
.paneltable {
	background-color:#FFF;
	border: 1px solid #9999CC;
}
/*设宽度是为二手房不让城市背景宽度超过菜单宽度 	width: 85%;*/
.paneltable a {
	color:#0256B8;
	text-decoration: none;
	padding: 2px 4px 3px 4px;
	display: block;
	clear:both;
}
/*.suggest_selected 是用在关键字提示层里按键的当前行的，因为要和鼠标悬停时的样式一样，所以就鼠标悬停放一起了*/
.paneltable a:hover, .suggest_selected {
	background-color: #CEE9FF;
	background-image:url(http://img.soufun.com/house/Search/images/item-bg-over.png);
	background-repeat:repeat-x;
	background-position: bottom center;
	text-decoration: none;
}
/*新的城市菜单*/
#cityList {
	background-color:#FFF;
	float:left;
	padding: 4px;
	border: 1px solid #ccc;
}
#cityList a, #cityList b, #cityList span {
	height:20px;
}
#cityList a:hover {
	text-decoration:underline;
}
.cityMain a, .cityMain span {
	width: 56px;
	display: inline-block;
}
.cityMain a {
	font-weight:bold;
	color:#ff6315;
	text-decoration:none;
}
.cityColumn {
	float: left;
	width: 56px;
}
.cityColumn a, .cityColumn b {
	display: block;
}
.cityColumn b {
	color:#CC3300;
}
.cityColumn a {
	color:#666;
	text-decoration:none;
}
/*JS 互动程序用到的样式 end*/

/*论坛首页样式 begin*/
#top {
	padding: 2px 10px;
}
.left {
	display:block;
	float: left;
}
.right {
	display:block;
	float: right;
}
a.link01, a.link01:link {
	color:#999;
	text-decoration:none;
}
a.link01:hover {
	color:#0000ff;
	text-decoration:underline;
}
#popular {
	clear:both;
	color:#999;
	padding: 6px 0;
}
#main {
	width:776px;
	margin:0 auto;
}
/*最后左右底边对齐，可以调这里的 margin 和 padding*/
#main dl {
	text-align:left;
	border:1px solid #D2DFF3;
	padding:0 0 5px 0;
	margin:0 0 7px 0;
	float:left;
}
#main dt {
}
/*设置上下padding时 IE灵,而 FF3 仍会解析成 0,只好都统一成 0,好让页面在IE和FF里高度一样*/
#main dd {
	margin: 0;
	padding: 0 10px;
}
#keywords {
	float:left;
	width:181px;
}
#keywords dt {
	margin: 0 0 4px 0;
	padding: 4px 15px;
	background:#EDF2FA none repeat scroll 0 0;
	border-bottom:1px solid #D2DFF3;
	float:left;
	width:150px;
}
/*IE 中必须要定宽度才行*/
#keywords dl{
	width:180px;
}
#keywords p {
	clear:both;
}
#postforum {
	float:right;
	margin-left:10px;
	width:580px;
}
/*要使 overflow:hidden 生效，必须同时限制宽和高 border:solid 1px #0f0;	*/
#keywords p a, #keywords li a  {
	height:20px;
	width:100px;
	overflow:hidden;
}
/*border:solid 1px #f00;*/
#keywords p span, #keywords li span {
	text-align:right;
	color:#999;
	height:20px;
	width:60px;
	overflow:hidden;
}

#postforum dl {
	float:left;
	clear:both;
	width:100%;
}
/*dl 都浮动了,要给 dt 加 margin 也得浮动*/
#postforum dt {
	float:left;
	margin:0 0 14px 0;
	width:100%;
}
.number {
	float:left;
	width:25px;
	font-weight:bold;
	color:#999;
}
.tab {height:29px;background:url(http://img2.soufun.com/search/blog/img/titlebk.gif) repeat;	}
.tabTitle {
	float:left;
	display:block;
	background:#fff repeat;
	border-right:1px solid #D2DFF3;
	border-bottom:1px solid #fff;
	color:#333;
	padding: 4px 10px;
	text-align:center;
}
/*要让 overflow:hidden; 能成功截字，除了设宽度还要设高度。*/
.hotPost {
	float:left;
	width:460px;
	height:20px;
	overflow:hidden;
}
.hotTime {
	float:right;
	width:100px;
	overflow:hidden;
	color:#999;
	text-align:right;
}

/*核心：
选项页切换：先把各选项内容块设置成 display: none，再把当前选项的 .tabOn .tabContentBox 设置为 display: block;
选项页是分属不同的 li 的，要让它们定位到相同的位置，就要用到 position: absolute; 而这时又不是相对窗口的绝对定位，而是相对于整个选项组 ul 的定位，因为给 .tabList .tabBox 设置 position:relative;。
从 http://www.awflasher.com/blog/archives/731 学到，要让某个节点相对于其上级的节点绝对定位，而不是相对于窗口，就给要参照的上级节点设置 position:relative;。由选项这个例子可以知道，这个上级节点不必是直接的父节点，可以是若干级以上的节点，即某节点设置了 position:relative; 后，它的各级子节点再用 position: absolute; 是都将参照此节点而非窗口。
*/
.tabBox {
height:100%;
position:relative;
background:#fff;
border:1px solid #D2DFF3;
}
.tabBox .tabContentBox {
margin:1px;
padding: 10px;
width:570px;
height:60px;
text-align: left;
overflow: hidden;
background: #fff;
position: absolute;
top: 28px;
left: 0;
display: none;
}
/*.tabList .tabOn .tabContentBox, .tabList .tabOption:hover .tabContentBox  {*/
/*原例是鼠标悬停就切换，我要的是点击再切换，所以不用 .tabOption:hover 这个级联 */
.tabBox .tabOn .tabContentBox  {
display: block;
}
/* 选项卡整体外观定义。最后微调成和左边“我去过的论坛”相同的高度，以使底线齐平 */
.tabBox {
width:580px;
height:98px;
overflow:hidden;
}
/*百分比宽度居然支持 2 位小数，在 FF 里完美合成整条，而 IE 里还是有点空白。看来只好用 JS 算成像素值了，最后剩余的几像素都放在最后一个即可。
width:25%; 只是默认的 4 个选项时用的，选项个数不是 4 时，由 JS 均分出宽度。选项头的左右边框样式做到 li 下属的 h4 标签上，这样的好处是 JS 算宽度时只考虑 width 即可，不用管边框之类的零星数。*/
.tabBox li {
float:left;
width:25%;
text-align:center;
}
/*选项头的选中和未选样式。这里好像不能用 padding 来垂直居中，会让边框超出，只好改用 line-height　配 height*/
 .tabBox  h4 {
	cursor:pointer;
	margin:0;
	padding: 0;
	height: 29px;
	line-height:29px;
	color:#039;
	font-size:12px;
	font-weight:normal;
	display:block;
	background:#fff 	url(http://img2.soufun.com/search/images/titlebk.gif) repeat;
	color:#333;
}
.tabBox .tabOn h4, .tabBox h4.tabOnFirst, .tabBox h4.tabOnFinal {
color:#333;
background:#fff;
border-left:1px solid #D2DFF3;
border-right: 1px solid #D2DFF3;
}
.tabBox h4.tabOnFirst {
border-left:1px solid #fff;
}
.tabBox h4.tabOnFinal {
border-right:1px solid #fff;
}

/*滚动板 begin 核心是 position:relative;，才能让其内部的 ul 以绝对定位，通过改变 top 值实现向上移位置。*/
.scrollUl {
	overflow:hidden;
	position:relative;
}
/*演示多个滚动板同时使用，这里是统一按每行按 20px 高，每屏 5 行。滚动速度与具体行高无关。本来应该是高100，但是FF里正好 IE 里最下一行显示不齐，最后凑合成 103，让 IE 和 FF 都能正常显示了。 */
#scroll {
	height:103px;
}

/* 清除浏览器默认的margin和padding值 */
.scrollUl ul, .scrollUl li {
	margin:0;
	padding:0;
	list-style:none outside;  /* 清除浏览器中列表项默认的占位 */
}
.scrollUl ul {
	position:absolute;
}
.scrollUl li {
	height:20px;
	line-height:20px;
	width: 160px;
}
/*论坛首页样式 end*/

/*tools
.listToolsShow {display:none;position:absolute;left:800px;border:#ccc 1px solid;background:#FFF;z-index:1;}
.listToolsMenu {background:#f6f6f6;padding:10px;border-bottom:#ccc 1px solid;height:20px;overflow:hidden;}
.listToolsMenuInfo {float:left;}
.listToolsMenuInfo a:link,.listToolsMenuInfo a:visited {color:#0033cc;font-size:14px;font-weight:bold;text-decoration:underline;}
.listToolsMenuInfo a:hover {color:#0033cc;font-size:14px;font-weight:bold;text-decoration:none;}
.listToolsMenuClose {float:right;}
.listToolsView {margin:3px;overflow:
auto;width:98%;height:86%;}
.listToolsView img {margin:5px;}
*/

/*2010-11-18lili更新*/
.searchLink{width:120px;margin-left:2px;height:22px;line-height:22px;}
a.searchLink{text-decoration:underline;color:#049;}
a.searchLink:hover{text-decoration:none;color:#049;}