@charset "utf-8";

/* Header */
#searchCriteria { width:950px; margin:0 auto; background:#f6f7f9; position:relative; top:-2px;}
#searchCriteriaHeader, #searchCriteriaFooter { display:block; height:5px; overflow:hidden; background:url(../images/searchCriteria.gif) no-repeat;}
#searchCriteriaContent { padding:5px 0 6px 0; border-style:solid; border-width:0 1px; border-color:#b4c4d1;}
#searchCriteriaFooter { background-position:0 -20px;}

#searchCriteria ul.searchArea { height:25px; margin:0 9px; overflow:hidden; position:relative; z-index:2;}
#searchCriteria ul.searchArea li { float:left;}
#searchCriteria ul.searchArea li a { float:left; padding:0 7px; margin:0; font-weight:bold; line-height:25px;}
#searchCriteria ul.searchArea li.selected a { text-decoration:none; border-style:solid; border-width:1px 1px 0 1px; border-color:#aac0d3; background:#FFF;}

ul.tradingArea { width:922px; margin:0 0 0 9px; padding:3px; border:solid 1px #aac0d3; background:#FFF; position:relative; top:-1px; z-index:1;}
ul.tradingArea li { display:inline; height:21px;}
ul.tradingArea li a { *float:left; padding:0 3px; margin:0; font-weight:normal; white-space:nowrap; line-height:21px; border:none;}
ul.tradingArea li.hot a { color:#ef2e06;}
ul.tradingArea li.selected a { color:#FFF; padding:2px 3px; *padding:0 3px; text-decoration:none; background:#309ff2;}


ul.searchType { height:25px; margin:5px 5px 0 9px; overflow:hidden; position:relative; z-index:2;}
ul.searchType li { float:left;}
ul.searchType li a { float:left; padding:0 7px; font-weight:bold; line-height:25px;}
ul.searchType li.selected a { text-decoration:none; border-style:solid; border-width:1px 1px 0 1px; border-color:#aac0d3; background:#FFF;}


ul.typeRight { float:right; margin-right:9px; _margin-right:5px;}
ul.typeLeft li a, ul.typeRight li a { font-weight:normal;}

li.typeTitle { padding:0 0 0 5px; line-height:23px; font-weight:bold;}

ul.filter { width:922px; margin:0 0 0 9px; padding:3px; border:solid 1px #aac0d3; background:#FFF; position:relative; top:-1px; z-index:1;}
ul.filter li { height:23px; padding:0 2px;}
ul.filter li h1 { clear:both; float:left; padding:0; height:auto; line-height:23px; border:none; background:none;}
ul.filter li li { float:left; padding:0; border:0;}
ul.filter li li a { padding:2px 5px 2px 5px; *padding:4px 5px 2px 5px; white-space:nowrap; line-height:23px;}
ul.filter li li.hot a { color:#ef2e06;}
ul.filter li li.selected a { color:#FFF; text-decoration:none; border:solid 1px #; background:#309ff2;}
ul.metro { margin-top:5px;}
ul.metro li { height:48px;}
ul.metro li li { height:23px;}
ul.metro li h1 { height:48px;}

ul.searchTypeWebstore { height:21px;}
ul.searchTypeWebstore li h1 { float:left; padding:0 5px; line-height:21px; *line-height:23px; background:none;}
ul.searchTypeWebstore li a { line-height:21px; *line-height:23px; font-weight:normal;}
ul.searchTypeWebstore li.selected a { color:#FFF; border:0; background:#309FF2;}

/* Layout */
#sideBar { float:right; width:250px; padding-top:3px;}
#content { width:695px; padding-top:3px;}

/* Content */
#listPath, #listPath ul { background-image:url(../images/listPath.gif); background-repeat:no-repeat;}
#listPath { height:35px; margin-bottom:5px; background-position:100% -50px;}
#listPath ul { height:35px; overflow:hidden; padding:0 10px; background-position:0 0;}
#listPath li { float:left; color:#46484a; font-weight:bold; line-height:35px; *line-height:36px; background:url(../images/listPathIcon.gif) no-repeat 100% 14px; }
#listPath li a { margin-right:12px; font-weight:normal;}
#listPath .pathBg { background:none;}

#listView { display:block; overflow:hidden; width:695px;}
#listView .listSearch { float:right; padding-top:2px;}
#listView .listSearch input { background:url(../images/listSearch.gif) no-repeat;}
#listView .listSearch .searchKw { float:left; margin-right:5px; width:120px; height:1.6em; padding-left:24px; border:solid 1px #adadad; background-position:0 -50px;}
#listView .listSearch .searchBt { float:left; display:block; overflow:hidden; margin:0; padding:0; text-indent:-100px; width:49px; height:23px; border:0; background-position:0 0; cursor:pointer}

#listTabs { height:30px;}
#listTabs li { float:left; margin-right:5px;}
#listTabs a, #listTabs span { float:left; display:block; overflow:hidden; height:30px; line-height:30px; *line-height:33px; font-size:14px; font-weight:bold; background:url(../images/listTabs.gif) no-repeat;}
#listTabs a { background-position:100% -50px;}
#listTabs span { padding:0 10px; background-position:0 0;}
#listTabs .selected a { color:#FFF; background-position:100% -150px;}
#listTabs .selected span { color:#FFF; background-position:0 -100px;}
#listSetting { height:30px; border-style:solid; border-width:3px 1px 1px 1px; border-color:#01589b; background:#f4f5f8 url(../images/listSetting_bg.gif) repeat-x;}

.view { float:left;}
.view h1 { float:left; padding:0 0 0 8px; border:0; line-height:30px; background:none;}
.view select { height:21px; margin:5px; font-size:12px;}
.view span { float:left; display:block; overflow:hidden; margin:5px 3px; width:20px; height:20px; text-indent:-1000px; background:url(../images/listView_icon.gif) no-repeat;}
.listPicTxt_icon span { background-position:0 -50px;}
.listPicTxt_icon .selected { background-position:0 0;}
.listPic_icon span { background-position:0 -150px;}
.listPic_icon .selected { background-position:0 -100px;}
.listTxt_icon span { background-position:0 -250px;}
.listTxt_icon .selected { background-position:0 -200px;}

.listInfo { float:left; display:block; padding:0 8px; line-height:30px;}
.listInfo span { color:#EF2E06; font-weight:bold;}

.listPicTxt, .listPic, .listTxt { width:700px;}
li .picIcon, li .new { float:left; display:block; overflow:hidden; text-indent:-100px; margin:2px 5px 0 0; *margin:0 5px 0 0; width:32px; height:17px; background:url(../images/itemIcon.gif) no-repeat;}

.listPicTxt li { float:left; display:block; overflow:hidden; width:340px; height:106px; margin-right:5px; padding:5px 5px 5px 0; border-bottom:solid 1px #e5e5e5;}
.listPicTxt li .picIcon { background-position:0 0;}
.listPicTxt li .new { background-position:-50px 0;}
.listPicTxt li.hot { background:#fffce8;}
.listPicTxt li.odd { background:#f8f9fa;}
.listPicTxt li .pic { float:left; margin-right:5px;}
.listPicTxt li .pic a { *float:left; display:table-cell; overflow:hidden; width:100px; height:106px; *height:100px; padding:2px; text-align:center; border:solid 1px #e5e5e5; vertical-align:middle; background:#FFF; position:relative;}
.listPicTxt li .pic span { vertical-align:middle; *position:absolute; top:50%; cursor:pointer;}
.listPicTxt li .pic img { vertical-align:middle; position:static; *position:relative; top:-50%; left:-50%;}
.listPicTxt li .title { line-height:20px; font-size:14px; font-weight:bold;}
.listPicTxt li span { display:block; line-height:17px; color:#393939;}
.listPicTxt li span.price { color:#EF2E06; font-size:14px; font-weight:bold;}
.listPicTxt li span.price span { float:left; font-size:12px; color:#393939; font-weight:normal;}

.listPic li { float:left; display:block; overflow:hidden; width:160px; height:230px; margin:5px 5px 0 0; padding:5px 4px; border-style:solid; border-width:1px 1px 1px 1px; border-color:#e5e5e5;}
.listPic li .picIcon { background-position:0 0;}
.listPic li .new { background-position:-50px 0;}
.listPic li.hot { background:#fffce8;}
.listPic li.odd { background:#f8f9fa;}
.listPic li .pic { width:140px; padding-left:27px;}
.listPic li .pic a { *float:left; display:table-cell; overflow:hidden; width:100px; height:106px; *height:100px; padding:2px; text-align:center; border:solid 1px #e5e5e5; vertical-align:middle; background:#FFF; position:relative;}
.listPic li .pic span { vertical-align:middle; *position:absolute; top:50%; cursor:pointer;}
.listPic li .pic img { vertical-align:middle; position:static; *position:relative; top:-50%; left:-50%;}
.listPic li .title { display:block; text-align:center; line-height:20px; font-weight:bold;}
.listPic li span { display:block; text-align:center; line-height:17px; color:#393939;}
.listPic li span.price { color:#EF2E06; font-size:14px; font-weight:bold;}
.listPic li span.price span { display:none;}

.listTxt li { float:left; display:block; overflow:hidden; width:327px; height:105px; margin:5px 5px 0 0; padding:4px 8px; border:solid 1px #e5e5e5;}
.listTxt li .picIcon { background-position:-3px 0;}
.listTxt li .new { background-position:-53px 0;}
.listTxt li.hot { background:#fffce8;}
.listTxt li.odd { background:#f8f9fa;}
.listTxt li .pic { display:none;}
.listTxt li .title { line-height:20px; font-size:14px; font-weight:bold;}
.listTxt li span { display:block; line-height:17px; color:#393939;}
.listTxt li span.price { color:#EF2E06; font-size:14px; font-weight:bold;}
.listTxt li span.price span { float:left; font-size:12px; color:#393939; font-weight:normal;}

.agentList .listPicTxt li { height:126px;}
.agentList li .pic a { height:126px; *height:120px;}
.agentList li .itemName { display:block;}
.agentList li .itemName a { margin-right:5px; line-height:23px; font-size:14px; font-weight:bold;}
.agentList li .itemName img { margin-right:3px;}
.agentList li .itemInfo { height:21px;}
.agentList li .itemInfo span { float:left; width:112px; line-height:21px;}
.agentList li .itemInfo span span { float:none; display:inline; width:auto; margin-right:5px; color:#EF2E06; font-weight:bold;}
.agentList li .itemCompany a { float:left; margin-right:5px; line-height:21px; font-weight:bold;}
.agentList li .itemCompany span { color:#6B6D6E; line-height:21px;}
.agentList li .itemTrading { font-weight:bold; line-height:21px;}
.agentList li .itemArea { height:42px; border-top:dotted 1px #E5E5E5;}
.agentList li .itemArea a { float:left; width:105px; padding-left:8px; line-height:21px; background:url(../images/title_icon.gif) no-repeat 0px -92px;}

.agentList .listPic li { height:260px;}
.agentList .listPic li .itemInfo { height:19px;}
.agentList .listPic li .itemInfo span { width:80px; line-height:17px;}
.agentList .listPic li .itemInfo span span { margin:0; font-weight:normal;}
.agentList .listPic li .itemCompany a { float:none;}
.agentList .listPic li .itemCompany span { display:block; line-height:17px;}
.agentList .listPic li .itemTrading { height:17px;}
.agentList .listPic li .itemArea { }
.agentList .listPic li .itemArea a { width:72px; text-align:left;}

.agentList .listTxt li { height:125px;}
.agentList .listTxt li .itemArea a { width:155px;}

#listSetting .pagination { float:right; padding-top:4px; padding-right:4px;}
.pagination a, .pagination span,
.footerPagination a.previous, .footerPagination span.previous, .footerPagination a.next, .footerPagination span.next,
.footerPagination input.ok { float:left; display:block; overflow:hidden; margin-left:5px; text-indent:-100px; background:url(../images/pagination.gif) no-repeat;}
.pagination a.previous, .footerPagination a.previous { width:18px; height:23px; background-position:0 0;}
.pagination a.previous:hover, .footerPagination a.previous:hover { background-position:0 -50px;}
.pagination span.previous, .footerPagination span.previous { width:18px; height:23px; background-position:0 -100px;}
.pagination a.next, .footerPagination a.next { width:60px; height:23px; background-position:0 -150px;}
.pagination a.next:hover, .footerPagination a.next:hover { background-position:0 -200px;}
.pagination span.next, .footerPagination span.next { width:60px; height:23px; background-position:0 -250px;}
.footerPagination .selected { color:#FFF; border-color:#309FF2; background:#309FF2;}

.listFooter { clear:both;}
.footerPagination { float:right; padding:10px 0;}
.footerPagination a { float:left; margin:0 2px; padding:0 4px; line-height:21px; border:solid 1px #e5e5e5;}
.footerPagination span { float:left; margin:0 2px; color:#666; line-height:23px;}
.footerPagination .previous { overflow:hidden; text-indent:-100px; border:0; padding:0;}
.footerPagination .next { border:0; padding:0;}
.footerPagination input.page { float:left; width:30px; height:1.4em; margin:0 2px; border:solid 1px #bebebe;}
.footerPagination input.ok { float:left; width:41px; height:23px; border:0; background-position:0 -300px; cursor:pointer;}

.listFooterInfo { float:left; line-height:40px;}
.listFooterInfo span { color:#EF2E06; font-weight:bold;}

#hotAgent .boxContent ul { height:540px; *height:550px; overflow:hidden;}
#hotAgent .boxContent li { display:block; height:107px; margin-bottom:2px; padding:0;}
#hotAgent .boxContent li .pic { float:left; margin:0 5px 0 0; padding:1px; border:solid 1px #dbe3ea;}
#hotAgent .boxContent li .company { line-height:21px; font-weight:bold;}
#hotAgent .boxContent li .name { display:block; font-weight:bold; line-height:21px;}
#hotAgent .boxContent li span { float:none; display:block; width:auto; text-align:left; color:#6b6d6e; line-height:17px;}
#hotAgent .boxContent li span span { float:left; width:40px;}

#itemHistory { margin:5px 0 30px 0;}

#hotHouseList { clear:both; margin-bottom:5px; position:relative;}
#hotHouseList .top, #hotHouseHeader, #hotHouseFooter { display:block; overflow:hidden; background:url(../images/hotHouse.gif) no-repeat;}
#hotHouseList .top { width:80px; height:25px; background-position:0 -50px; position:absolute; top:-25px; right:5px;}
#hotHouseHeader { height:35px; background-position:0 0;}
#hotHouseFooter { height:4px; background-position:0 -100px;}
#hotHouseContent { display:block; overflow:hidden; width:930px; padding:0 9px; border-style:solid; border-width:0 1px; border-color:#b4c4d1; background:#f8f9fa;}
#hotHouseHeader h1 { float:left; font-size:14px; padding-left:30px; line-height:35px; border:0; background:none;}
#hotHouseHeader a { float:right; line-height:21px; margin:8px 10px 0 0;}

#hotHouseList ul { width:930px; height:200px; padding-left:6px;}
#hotHouseList li { float:left; display:block; overflow:hidden; width:106px; margin:0 10px 0 0; position:relative;}
#hotHouseList li.hot { background:#fffce8;}
#hotHouseList li.odd { background:#f8f9fa;}
#hotHouseList li .pic a { *float:left; display:table-cell; overflow:hidden; width:100px; height:106px; *height:100px; padding:2px; text-align:center; border:solid 1px #e5e5e5; vertical-align:middle; background:#FFF; position:relative;}
#hotHouseList li .pic span { vertical-align:middle; *position:absolute; top:50%; cursor:pointer;}
#hotHouseList li .pic img { vertical-align:middle; position:static; *position:relative; top:-50%; left:-50%;}
#hotHouseList li .title { display:block; line-height:20px; font-weight:bold;}
#hotHouseList li span { display:block; line-height:17px; color:#393939;}
#hotHouseList li span.price { color:#EF2E06; font-size:14px; font-weight:bold;}
#hotHouseList li span.price span { display:none;}


#listAlert { margin-bottom:5px; padding:10px 15px; line-height:19px; border:solid 1px #d5d8db; background:#F7F7F7;}
#listAlert span { color:#EF2E06; font-weight:bold;}
#listAlert a { color:#EF2E06;}

/* Banner */
.sideBanner { margin:5px 0;}