/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
td {
	padding: 0 0 0 10px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
address, cite, dfn, optgroup, em, var {
	font-style: normal;
}
legend {
	color: #000;
}
/*table*/
table {
	table-layout: fixed;
	empty-cells: show;
	border-collapse: collapse;
	margin: 0 auto;
}
table#mrcpjy {
	border: 1px solid #9db3c5;
	color: #666;
	text-align: center
}
table#mrcpjy th {
	height: 30px;
	color: #333;
	border: 1px solid #a7d1fd;
}
table#mrcpjy td {
	border: 1px solid #cad9ea;
	padding: 2px;
}
table#mrcpjy tr.a1 {
	background-color: #e8f3fd;
}
/*typography*/
body, button, input, select, textarea {
	font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4, h5, h6 {
	font-size: 100%;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
.linebr li {
	white-space: normal !important;
}
body {
	color: #333;
	background-color: #FFF;
}
a {
	color: #c00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	color: #333333;
	font-family: Georgia, Times, serif;
	font-size: 32px;
	font-weight: normal;
	margin-top: -2px;
}
h2 {
	color: #333333;
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-weight: normal;
}
ul {
	list-style: none;
	list-style-position: outside;
}
ol {
	list-style: decimal;
	list-style-position: inside;
}
.list-14px li {
	background: url(../images/icon-1.png) no-repeat 0px 9px transparent;
	font-size: 14px;
	line-height: 25px;
	padding: 0 0 2px 18px;
	vertical-align: middle;
	white-space: nowrap;
}
.tal {
	text-align: left
}
.tac {
	text-align: center
}
.tar {
	text-align: right
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pr10 {
	padding-right: 10px;
}
.font12 {
	font-size: 12px;
	font-weight: normal
}
.cWhite, .cWhite a {
	color: #fff;
}
.cYellow {
	color: #ff0;
}
.cGreen {
	color: #008000;
}
.cLGray, .cLGray a {
	color: #333;
}
.cGray, .cGray a {
	color: #585858;
}
.cDGray, .cDGray a {
	color: #727171;
}
.cBlack, .cBlack a {
	color: #000;
}
.cBlue, .cBlue a {
	color: #1E50A2;
}
.cRed, .cRed a {
	color: Red;
}
.cDRed, .cDRed a {
	color: #ba2636;
}
.cRed a:hover, a.cRed:hover, .cBlue a:hover, a.cBlue:hover, .cDRed a:hover, a.cDRed:hover, .cLGray a:hover, a.cLGray:hover, .cGray a:hover, a.cGray:hover, .cDGray a:hover, a.cDGray:hover, .cWhite a:hover, a.cWhite:hover, .cBlack a:hover, a.cBlack:hover, .cGreen a:hover, a.cGreen:hover, .cYellow a:hover, a.cYellow:hover {
	color: #ba2636;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}
.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: ".";
}
.blankW {
	background: #fff;
}
.blank3 {
	clear: both;
	height: 3px;
	overflow: hidden;
	display: block;
}
.blank4 {
	clear: both;
	height: 4px;
	overflow: hidden;
	display: block;
}
.blank6 {
	clear: both;
	height: 6px;
	overflow: hidden;
	display: block;
}
.blank9 {
	clear: both;
	height: 9px;
	overflow: hidden;
	display: block;
}
.blank9w {
	background: #ffffff;
	clear: both;
	height: 9px;
	overflow: hidden;
	display: block;
}
.blank10 {
	clear: both;
	height: 10px;
	overflow: hidden;
	display: block;
}
.blank12 {
	clear: both;
	height: 12px;
	overflow: hidden;
	display: block;
}
.blank15 {
	clear: both;
	height: 15px;
	overflow: hidden;
	display: block;
}
.blank20 {
	clear: both;
	height: 20px;
	overflow: hidden;
	display: block;
}
.button, .btn {
	-webkit-transition-property: background, color;
	-moz-transition-property: background, color;
	-o-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #e2403e;
	color: white;
	text-shadow: none;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	height: 32px;
	line-height: 32px;
	padding: 0px 25.6px;
	font-weight: 300;
	font-size: 14px;
	margin: 0;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.button:hover, .btn {
	background: #c11d1b;
	text-decoration: none;
}
.button-white, .btn-default {
	background: #fefefe;
	border: 1px solid #e3e3e3;
	color: #393f4e;
}
.button-white:hover, .btn-default:hover {
	background: #e7e7e7;
	text-decoration: none;
}
.area {
	width: 960px;
	padding: 0 5px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	overflow: hidden;
}
/*=头部公用样式*/
body {
	background: url(../images/bg-960.png) no-repeat center 5px;
}
.header {
	height: 160px;
	position: relative;
	z-index: 9;
}
.header .content {
	width: 960px;
	margin: 0 auto;
	padding: 41px 0 0 0
}
.header h1 {
	width: 320px;
	height: 53px;
	padding: 0 0 10px;
	display: block;
	overflow: hidden;
	float: left;
	background: url(../images/logo-0916.png) no-repeat 0 0;
	text-indent: -9999px;
}
.header h1 a {
	width: 320px;
	height: 53px;
	display: block;
}
.header .say {
	width: 560px;
	height: 53px;
	padding: 0 0 10px;
	display: block;
	float: right;
	background: url(../images/logo-xhs.png) no-repeat -400px 0px;
}
.header .say2 {
	width: 350px;
	height: 53px;
	padding: 0 0 10px;
	display: block;
	float: left;
	background: url(http://www.hbot.cn/statics/images/logo-xhs-2.png) no-repeat 0 -220px;
}
.header .variety {
	float: right;
	display: inline-block; /*width:226px; margin:-11px 0 0;*/
	width: 226px;
	margin: 18px 0 0;
}
.header .variety li {
	float: left;
	padding: 5px 0 0 5px;
}
.header .variety li a {
	width: 56px;
}
.header .phone {
	width: 165px;
	height: 36px;
	display: block;
	float: right;
	background: url(../images/header_all_bg.png) no-repeat -756px -274px;
}
.header .email {
	width: 39px;
	height: 36px;
	display: block;
	float: right;
	background: url(../images/header_all_bg.png) no-repeat right -274px;
}
.header .email a {
	width: 39px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.header .nav {
	height: 43px;
	padding: 0 0 0 10px;
	position: relative;
	clear: both;
	background: #e2403e;
}
.header .nav ul {
}
.header .nav ul li {
	width: 90px;
	height: 43px;
	overflow: hidden;
	float: left;
	margin-left: -5px;
}
.header .nav ul li a {
	display: block;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	padding-left: 4px;
	color: #fff;
	background: url(../images/li_bg.jpg) no-repeat right center;
	font-weight: bold;
	text-decoration: none
}
.header .nav ul li:last-child a {
	background: none;
}
.header .nav ul li a:hover, .header .nav ul li a.on {
	background: #c11d1b;
}
.navigation {
	width: 231px;
	height: 32px;
	background: url(../images/header_all_bg.png) no-repeat 0 -43px;
	text-align: left;
	line-height: 32px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	right: -20px;
}
.navigation span {
	padding: 0 12px;
	_padding: 0 11px 0 12px;
	float: left;
}
.navigation span a {
	color: #ffd9d9;
}
.navigation span a:hover {
	color: #feffff;
}
.menu_top {
	width: 936px;
	margin: 16px auto 0;
	height: 33px;
	color: #d2d2d2;
	overflow: hidden;
	padding: 0 12px;
}
.menu_top p {
	display: inline;
}
.menu_top b {
	color: #c00;
	padding: 1px 0 2px 18px;
	font-weight: bold;
	font-size: 14px
}
.menu_top a {
	color: #c00;
	padding: 0 7px;
}
.menu a:hover, .menu em {
	text-decoration: underline;
	color: #f60;
}
.menu_top span {
	padding: 0 7px;
}
.menu em {
	text-decoration: none;
}
#jsddm {
	margin: 0;
	padding: 0
}
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-left: 1px solid #e2403e;/*#e2403e*/
	border-right: 1px solid #e2403e;
	border-bottom: 1px solid #e2403e;
	width: auto;
	z-index: 999
}
#jsddm li ul li {
	float: none;
	display: block;
	margin-left: 0;
	width: auto;
	height: auto;
	white-space: nowrap
}
#jsddm li ul li a {
	width: auto;
	min-width: 120px;
	_width: 120px;
	background: #e2403e;
	color: #fff;
	text-align: left;
	text-indent: 15px;
	padding: 0 20px 0 0;
	border-top: 1px solid #ff7176
}
#jsddm li ul li a:hover {
	background: #c11d1b;
}
#banner .area {
	height: 270px;
}
/* 默认幻灯片 */
.FocusPic {
	zoom: 1;
	position: relative;
	overflow: hidden;
}
.FocusPic .content {
	overflow: hidden
}
.FocusPic .changeDiv a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.FocusPic .title-bg, .FocusPic .title {
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 444px;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}
.FocusPic .title-bg {
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.FocusPic .title a {
	display: block;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
}
.FocusPic .change {
	bottom: 4px;
	height: 20px;
	right: 3px;
*right:5px;
	_right: 4px;
	position: absolute;
	text-align: right;
	z-index: 9999;
}
.FocusPic .change i {
	background: #666;
	color: #FFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	margin-right: 2px;
	padding: 2px 6px;
	font-style: normal;
	height: 15px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
*display:inline;
}
.FocusPic .change i.cur {
	background: #FF7700;
}
/* 滚动公告 */
#announ {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	float: left;
}
.sideBox {
	border: 2px solid #e2403e;/*#0C70D2*/
	position: relative;
	overflow: hidden;
	background: #f4f4f4
}
.sideBox h2 {
	background: #e2403e url(../images/bg_hd.jpg) center top;
	;
	height: 31px;
	padding: 8px 0 0 0px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff
}
.sideBox h2 em {
	width: 71px;
	height: 15px;
	background-position: -223px -30px;
	display: block;
	text-indent: -5000;
	line-height: 0;
	font-size: 0
}
.sideBox {
	vertical-align: middle;
}
.sideBox dt, .sideBox dd {
	display: block;
	height: 32px;
	line-height: 32px;
}
.sideBox dt {
	padding: 0 0 0 15px;
	color: #e2403e;
	font-size: 14px;
	font-weight: bold;
}
.sideBox dd {
	background: #f6f9fe;
	border: none;
	color: #e2403e;
	margin: 0 0 5px
}
.sideBox dd a {
	width: 60px;
	color: #e2403e;
	padding: 0 15px;
	display: inline-block
}
.sideBoxList img {
	display: block;
	float: left;
	width: 44px;
	height: 40px;
	margin: 10px 0 0 0
}
.sideBoxList h3, .sideBoxList p {
	height: 20px;
	overflow: hidden;
	margin-left: 55px
}
.sideBoxList h3 {
	margin-top: 9px;
	color: #666;
	position: relative
}
.sideBoxList span {
	position: absolute;
	right: 15px;
	height: 11px;
	width: 25px;
	background-position: -347px -137px;
	display: block;
	top: 2px
}
.sideBoxList p {
	color: #5fa900
}
.sideBoxList a {
	color: #666
}
.sideBoxList a:hover {
	color: #383838
}
/*      iconfont           */
.icon_lists {
	position: relative;
	padding: 11px 0 0 6px;
}
.icon_lists a {
	display: inline;
	float: left;
 *display:inline-block;
 *float:none;
	margin: 0 6px 6px 0;
	width: 52px;
	height: 60px;
	color: #9c9c9c;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	outline: 0;
	overflow: hidden
}
.icon_lists a:hover {
	color: #9c9c9c;
	text-decoration: none;
}
.icon_lists .iconfont {
	font-size: 22px;
	line-height: 1.8;
	margin: 10px 0;
	color: #f40;
	-webkit-transition: font-size 0.25s ease-out 0s;
	-moz-transition: font-size 0.25s ease-out 0s;
	transition: font-size 0.25s ease-out 0s;
}
.icon_lists .iconfont:hover {
	font-size: 36px;
}
@font-face {
	font-family: 'iconfont';
	src: url('http://www.hbot.cn/statics/css/iconfont/iconfont.eot'); /* IE9*/
	src: url('http://www.hbot.cn/statics/css/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('http://www.hbot.cn/statics/css/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */  url('http://www.hbot.cn/statics/css/iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url('http://www.hbot.cn/statics/css/iconfont/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family: "iconfont";
	font-size: 16px;
	font-style: normal;
}
/*home11*/
.icon_lists {
	padding: 15px 0 0 10px;
}
.icon_lists a {
	width: 66px;
	height: 80px;
	margin: 0 10px 10px 0;
}
.icon_lists .iconfont {
	line-height: 48px;
}
#container {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: white no-repeat scroll;
	padding: 0 5px;
	position: relative;
}
.leftCol {
	width: 700px;
	float: left;
}
.rightCol {
	width: 290px;
	float: right;
}
/*通栏样式*/
.gg-tonglan {
	width: 960px;
	margin-top: 10px;
	float: left;
}
/*这里都是活动专区的内容，分别包括房间，红人和活动广告。*/
.channel {
	height: 520px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
.channel-left {
	float: left;
	height: 520px;
	width: 700px;
	overflow: hidden;
}
/*房间内容开始*/
.room {
	/*width: 700px;
	height: 360px;
	overflow: hidden;*/
	width: 700px;
	height: 100%;
	overflow: auto;
}
.menu {
	height: 35px;
	width: 700px;
}
.menu-left {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 20px;
	float: left;
}
.menu-cen {
	background-image: url(../images/menu-line.gif);
	background-repeat: repeat-x;
	float: left;
	height: 35px;
	width: 670px;
}
.menu-cen .fr {
	padding: 10px 0 0 10px;
}
.title-left {
	width: 180px;
	text-align: left;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 23px;
	color: #c00;
	padding: 10px 0 0 10px;
	line-height: 120%
}
.title-left a:link, .title-left a:visited {
	font-size: 14px;
	color: #c00;
	font-weight: bold;
	text-decoration: none;
}
.title-left a:hover {
	font-size: 14px;
	color: #fb4601;
	font-weight: bold;
	text-decoration: none;
}
.title-right {
	float: left;
	width: 385px;
	height: 22px;
	color: #727272;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	padding-top: 13px;
}
.title-right2 {
	float: right;
	width: 130px;
	height: 22px;
	color: #727272;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	padding-top: 10px;
}
.menu-right {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 10px;
	float: left;
	background-position: -21px 0px;
}
.room-body {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d7d7d7;
	border-left-color: #d7d7d7;
	width: 688px;
	/*height: 316px;*/
	height: 100%;
	overflow: auto;
	padding: 0 0 7px 10px;
}
/*房间名称*/
.room-name {
	float: left;
	width: 114px;
	background-image: url(../images/room2.gif);
	background-position: left top;
	padding-top: 1px;
	margin-top: 6px;
	/*height: 300px;
	overflow: hidden;*/
	height: 100%;
	_overflow: hidden;
}
.room-name li {
	font-size: 14px;
	font-weight: normal;
	color: #727272;
	height: 30px;
	width: 114px;
	text-decoration: none;
	background: #fff url(../images/room1.gif) no-repeat 0 0;
	line-height: 30px;
	text-align: left;
}
#getId li a {
	height: 30px;
	width: 114px;
	padding-left: 14px;
	display: block;
}
/*#getId li:hover, #getId li.nowroom {*/
#getId li a.current {
	background-image: url(../images/nowroom1.gif);
	background-repeat: no-repeat;
	color: #FFF;
	background-position: left top;
}
#getId li a:hover {
	text-decoration: none;
}
#product-tab .bbs-body {
	display: none;
}
/*具体的房间*/
.room-con {
	width: 574px;
	float: left;
}
.pic {
	height: 144px;
	width: 124px;
	float: left;
	padding-right: 8px;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-top: 6px;
	overflow: hidden;
}
.room-pic {
	height: 90px;
	width: 120px;
	padding: 1px;
	border: 1px solid #d7d7d7;
}
.room-enter {
	background-image: url(../images/room-bg.gif);
	background-repeat: repeat-x;
	height: 49px;
	width: 122px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	border-left-color: #d7d7d7;
	background-position: bottom;
	overflow: hidden;
}
.room-enter li {
	height: 24px;
	width: 122px;
	padding-top: 1px;
	overflow: hidden;
}
li.pic-room {
	height: 15px;
	padding-top: 8px;
	color: #727272;
	white-space: nowrap;
}
li.pin-btn {
	height: 21px;
	padding-bottom: 5px;
}
.room-foot {
	background-image: url(../images/border-foot.gif);
	background-repeat: no-repeat;
	height: 3px;
	width: 700px;
	background-position: 0px -2px;
	overflow: hidden;
}
.room-con {
	padding: 0 0 0 5px;
	width: 520px;
}
.cut {
	width: 325px;
}
.cut .menu {
	width: 325px;
}
.cut .menu-cen {
	width: 295px;
}
.cut .title-right {
	width: 155px;
}
.cut .room-body {
	width: 313px;
}
.cut .room-foot {
	width: 325px;
	background-position: 0px -22px;
}
.cut .bbs-body ul {
	width: 303px;
}
/*房间内容结束*/





/*图标排行*/

.bbs-body ul {
	width: 100%;
	text-align: left;
	float: left;
	padding-top: 4px;
}
.bbs-body li {
	width: 100%;
	height: 28px;
	line-height: 28px;
	background: url(../images/xuxian.gif) repeat-x bottom;
	white-space: nowrap;
	overflow: hidden;
}
.bbs-body li.nobg {
	background: none;
}
.bbs-body ul.paihang li a {
	display: block;
	padding-left: 35px;
}
.bbs-body ul.paihang li.no1 a {
	background: url(../images/n1.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no2 a {
	background: url(../images/n2.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no3 a {
	background: url(../images/n3.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no4 a {
	background: url(../images/n4.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no5 a {
	background: url(../images/n5.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no6 a {
	background: url(../images/n6.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no7 a {
	background: url(../images/n7.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no8 a {
	background: url(../images/n8.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no9 a {
	background: url(../images/n9.gif) no-repeat 0px 7px;
}
.bbs-body ul.paihang li.no10 a {
	background: url(../images/n10.gif) no-repeat 0px 7px;
}
/*活动专区开始*/
.activity {
	height: 100%;
	overflow: auto;
	width: 290px;
	float: left;
	overflow: hidden;
	background-color: #F0F9FF;
	margin-left: 10px;
}
.activity-top {
	height: 35px;
	width: 290px;
	overflow: hidden;
}
.activity-body {
	height: 100%;
	overflow: auto;
	width: 278px;
	background-color: #f0f9ff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c8e6f8;
	border-left-color: #c8e6f8;
	background-image: url(../images/border-footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.activitymenu-left {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 20px;
	float: left;
	background-position: 0px -70px;
}
.activitymenu-cen {
	background-image: url(../images/menu-line.gif);
	background-repeat: repeat-x;
	float: left;
	height: 35px;
	width: 260px;
	background-position: 0px -70px;
}
.activitymenu-right {
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 10px;
	float: left;
	background-position: -21px -70px;
}
.redlist {
	clear: both;
	width: 290px;
	height: 100%;
	overflow: auto;
}
.redlist-body {
	width: 268px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	padding: 0 10px 5px;
	height: 100%;
	overflow: auto;
}
.redlist-foot {
	height: 5px;
	width: 290px;
	overflow: hidden;
	background-image: url(../images/border-foot.gif);
	background-repeat: no-repeat;
	background-position: left -15px;
}
#footer {
	clear: both;
	margin-top: 10px;
	color: #D2D2D2;
	background: url('http://www.hbot.cn/statics/images/ad/weixin-min.jpg') no-repeat right 10px;
}
#footer span {
	color: #999;
	height: 14px;
	line-height: 14px;
}
#footer td {
	padding: 0;
}
#footer td span {
	height: auto;
	line-height: normal;
	width: auto;
}
.footer-nav, .ali-group {
	height: 14px;
	line-height: 14px;
	margin-bottom: 12px;
	text-align: center;
}
.footer-nav a, .ali-group a {
	margin-left: 5px;
	margin-right: 5px;
*margin-left:4px;
*margin-right:4px;
	color: #666;
}
.footer-nav a:hover, .ali-group a:hover {
	color: #F60;
}
.copyright {
	margin-left: 340px;
	padding-top: 1px;
	color: #999;
}
.copyright p {
	height: 12px;
	line-height: 12px;
	margin-bottom: 10px;
}
.left-logos {
	position: absolute;
	left: -250px;
}
.right-logos {
	position: absolute;
	left: 285px;
	left: 275px\9;
}
.left-logos a, .right-logos a {
	display: block;
	overflow: hidden;
}
.copyright-s3 {
	float: left;
	margin-right: 10px;
}
.copyright-s4 {
	float: left;
	height: 53px;
	margin-right: 10px;
	overflow: hidden;
	width: 53px;
}
.copyright-s4 img {
	margin: -26px 0 0;
}
.copyright-s1 {
	float: left;
	height: 70px;
	overflow: hidden;
	width: 58px;
}
.copyright-s1 img {
	margin: -26px 0 0 -134px;
}
.copyright-s2 {
	float: left;
	height: 60px;
	overflow: hidden;
	width: 50px;
}
.copyright-s2 img {
	margin: -26px 0 0 -56px;
}
.copyright-s5 {
	float: left;
	height: 29px;
	overflow: hidden;
	padding-top: 6px;
	width: 87px;
}
.copyright-s5 img {
	margin: -53px 0 0 -194px;
}
.copyright-s6 {
	float: left;
	padding-top: 6px;
}
.report {
	border-bottom: 1px solid #c00;
	margin-bottom: 17px;
	padding-bottom: 7px;
	color: #3e3e3e;
	position: relative;
	padding-left: 3px;
}
.report .report-title, .report s, .report-info b {
	background: url('https://a.tbcdn.cn/p/fp/2011a/assets/mail.png') no-repeat;
	display: inline-block;
}
.report .report-title {
	vertical-align: text-bottom;
	height: 16px;
	background-position: 0 0;
	width: 86px;
}
.report s {
	vertical-align: text-bottom;
	height: 16px;
	background-position: -85px 0;
	width: 16px;
	margin-right: 8px;
	cursor: pointer;
}
.report a {
	color: #087ad0;
}
.report-info {
	position: absolute;
	bottom: 34px;
	_top: -75px;
	left: 0;
	border: 1px solid #f9eaa9;
	background-color: #fdf7dd;
	padding: 5px 18px 5px 6px;
}
.report-info b {
	background-position: -100px 0;
	width: 13px;
	height: 8px;
	position: absolute;
	left: 90px;
	bottom: -8px;
	_bottom: -15px;
	_left: 87px;
}
.report .report-close {
	position: absolute;
	top: 4px;
	right: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	color: #8c8c8a;
	cursor: pointer;
}
.report .hidden {
	display: none;
}
/* —————————————————————————————————  show style  ————————————————————————*/
.show-content {
	border: 1px solid #DDD;
	border-top: 2px solid #c00;
	overflow: hidden;
	width: 698px;
}
.breadcrumb {
	background: #F3F3F3 url(../images/sprite.png) no-repeat 100% -175px;
	border-bottom: 1px solid #E1E9F0;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	padding-left: 12px;
}
.single {
	line-height: 24px;
	padding: 10px 40px;
	width: 618px;
}
.single .content {
	font-size: 14px;
}
.single .content p {
	display: block;
	padding: 0.5em 0;
}
.single h1, .single h2 {
	padding: 18px 0px 18px;
	font-size: 22px;
	font-weight: bold;
	color: #0B3B8C;
	text-align: center;
	border-bottom: 1px solid #E1E9F0
}
.meta {
	padding: 12px 0px 0px;
	color: #777
}
.meta a:link, .meta a:visited {
	color: #777;
	text-decoration: none
}
.meta a:hover {
	color: #B00;
	text-decoration: underline
}
.single .singlemeta {
	padding: 3px 0px 0px;
	text-align: center
}
/* 分页 */
#pages {
	padding: 14px 0 10px;
	font-family: 宋体
}
#pages a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	padding: 0 10px
}
#pages a.a1 {
	background: url(../images/admin_img/pages.png) no-repeat 0 5px;
	width: 56px;
	padding: 0
}
#pages a:hover {
	background: #f1f1f1;
	color: #000;
	text-decoration: none
}
#pages span {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #5a85b2;
	border: 1px solid #5a85b2;
	color: #fff;
	text-align: center;
	padding: 0 10px
}
.page .noPage {
	display: inline-block;
	width: 56px;
	height: 22px;
	line-height: 22px;
	background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}
.wumii-widget-title {
	font-size: 14px;
}
.relatedrandom {
	border-bottom: 1px solid #DFDFDF;
	padding: 0 0 15px 0px;
	width: 100%;
	float: left;
}
.relatedrandom h3 {
	background: #E0E0E0 url(../images/sprite.png) no-repeat 100% -178px;
	border-bottom: 1px solid #DDD;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 2px 0px 0px 10px;
}
.related, .random {
	border: 1px solid #c00;
	float: left;
	overflow: hidden;
	width: 608px;
}
.relatedrandom ul {
	float: left;
	margin: 0px;
	padding: 5px 0px 10px 10px;
	display: block;
}
.relatedrandom ul li {
	background: transparent url(../images/icon-1.png) no-repeat 0px 9px;
	float: left;
	line-height: 18px;
	margin: 0px 10px 0px 0px;
 overflow:;
	padding: 2px 0px 4px 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 260px;
}
.posttool {
	background-color: #F7F7F7;
	border-bottom: 1px solid #DFDFDF;
	float: right;
	line-height: 20px;
	padding: 6px 0px 8px;
	text-align: center;
	width: 610px;
}
.posttool a {
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	color: #454545;
	display: block;
	float: right;
	padding: 0px 15px 0px 21px;
}
.posttool a.print {
	background-position: -483px -613px;
}
.posttool a.subscribe {
	background-position: -483px -589px;
}
.posttool a.copylink {
	background-position: -483px -540px;
}
.postcomment {
	margin-bottom: 15px;
	overflow: hidden;
	clear: both
}
#addcomment, #comments {
	margin: 10px 0px 15px;
	padding: 10px 12px;
	font-size: 14px;
	border-top: 2px solid #A3D1F0;
	color: #00376D;
	background: url(http://sp.luo.bo/style/v2/images/sprite.png) repeat-x 0 7px
}
/* 评论-form */
.comment-form {
	border: 1px solid #c3d4e7;
	padding: 10px 20px;
	margin-bottom: 10px
}
.comment-form h5 {
	height: 22px;
	padding-bottom: 5px;
	border-bottom: 1px solid #C3D4E7;
}
.comment-form strong {
	background: url(../images/icon/user_comment.png) no-repeat;
	padding-left: 21px;
	float: left
}
.yzm {
	display: none;
	position: absolute;
	background: url(../images/admin_img/login_ts140x89.gif) no-repeat;
	width: 140px;
	height: 89px;
	text-align: center;
	font-size: 12px;
}
.yzm a:link, .yzm a:visited {
	color: #036;
	text-decoration: none;
}
.yzm a:hover {
	color: #C30;
}
.yzm img {
	cursor: pointer;
	margin: 0px auto;
	width: 130px;
	height: 50px;
	margin-top: 4px;
	border: 1px solid #fff;
	margin-bottom: 1px;
}
.comment-form .posn {
	padding: 10px 0
}
.comment-title {
	text-align: center;
	padding: 5px 0 10px
}
.comment-title a:hover {
	text-decoration: none;
	color: #F60;
}
.comment {
	border: 1px solid #C3D4E7;
	zoom: 1;
	padding: 8px 15px
}
.comment h4 {
	border-bottom: 1px solid #C3D4E7;
	padding-bottom: 6px;
	margin-bottom: 15px
}
.comment .title {
	margin-bottom: 5px
}
.comment .title span {
	position: relative;
	top: -5px
}
.comment .content {
	font-size: 14px;
	background: #f6f9fb;
	border: 1px solid #c4d5df;
	zoom: 1;
	padding: 8px 10px;
	margin: 5px 0
}
.comment .content span {
	display: block;
}
.comment_button {
	margin-bottom: 15px;
}
.comment_button a {
	padding: 5px;
	border: solid 1px #C3D4E7;
}
.comment_button a.on {
	background: #4C7FB6;
	color: #fff;
	border: solid 1px #3E73A9
}
/*————————  sidebar ————————*/
/*.li-270 {
	width: 270px;
	overflow:hidden;
}*/








/* —————————————————————————————————  category style  ————————————————————————*/

.category-content {
}
.hbox_sortable {
	clear: both;
	background: url(http://www.cnffi.com/theme2010/images/hbox_right.gif) repeat-y scroll right top #F7F7F7;
	margin-bottom: 10px;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.hbox_top_blue {
	float: left;
	width: 100%;
	height: 32px;
}
.hbox_top_blue_left {
	height: 32px;
	float: left;
	width: 5px;
}
.hbox_top_blue_right {
	height: 32px;
	float: right;
	width: 5px;
}
.hbox_top_title {
	color: #FFFFFF;
}
.hbox_top_title a {
	color: #FFFFFF;
}
.hbox_top_title a:hover {
	text-decoration: none;
}
.hbox_body {
	background: url(http://www.cnffi.com/theme2010/images/hbox_busday_body_border.gif) top left repeat-y;
}
.hbox_btm, .hbox_btm_left, .hbox_btm_right {
	background-image: url(http://www.cnffi.com/theme2010/images/hboxes.png);
}
.hbox_btm {
	width: 100%;
	background-repeat: repeat-x;
	height: 5px;
	_font-size: 0;
	float: left;
	background-position: 0 -1080px;
}
.hbox_btm_left {
	float: left;
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
	background-position: 0 -1090px;
}
.hbox_btm_right {
	float: right;
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
	background-position: 0 -1085px;
}
/* —————————————————————————————————  list style  ————————————————————————*/
.list {
	font-family: "宋体";
	color: #888;
	line-height: 24px;
	font-size: 14px
}
.list li span {
	font-size: 12px;
	padding: 0 6px
}
.bk20 {
	height: 20px;
}
.hr {
	background: url(../images/uline.gif) repeat-x center center;
}
#Article img {
	max-width: 600px;
width:expression( this.width >600 ? 600: true);
}
/* —————————————————————————————————  Slideshow  ————————————————————————*/

#slides {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 960px;
	overflow: hidden;
	position: relative;
	display: none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width: 960px;
	height: 270px;
	display: block;
}
.slides_container a img {
	display: block;
}
/*
	Next/prev buttons
*/

#slides .next, #slides .prev {
	position: absolute;
	top: 107px;
	left: -39px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101;
}
#slides .next {
	left: 585px;
}
/*
	Pagination
*/

.pagination {
	margin: 10px auto 0;
	width: 100px;
	position: absolute;
	z-index: 102;
	right: 0px;
	bottom: 10px;
}
.pagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}
.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../images/slides/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination li.current a {
	background-position: 0 -12px;
}
/* page.html 单页 ——————————————————————————————————————————————————————————————————————*/

#content {
	width: 960px;
	margin: auto;
}
.sidenav {
	float: left;
	width: 240px;
	font-family: "Microsoft Yahei", "SimHei";
}
.sidenav h1 {
	color: #FFF;
	background: #e2403e;
	font-size: 18px;
	font-family: "Microsoft Yahei", "SimHei";
	font-weight: bold;
	line-height: 1;
	padding: 15px 10px 10px 35px;
}
.sidenav ul {
	padding: 10px 0;
	position: relative;
}
.sidenav li {
	font-size: 14px;
	margin: 0 0 5px;
	border-left: 4px solid #ffc6cd;
	line-height: 1;
	_vertical-align: bottom;
	_height: 37px;
}
.sidenav li a {
	color: #666;
	padding: 12px 10px 11px 35px;
	display: block;
	background: #eee;
	_padding: 8px 10px 15px 35px;
}
.sidenav li a.cur, .sidenav li a:hover {
	background: #ff6;
}
.col-auto {
	width: 690px;
	padding: 0 0 0 20px;
	zoom: 1;
	float: right;
	overflow: hidden;
}
.col-auto .title {
	font-size: 18px;
	font-weight: bold;
	font-family: "Microsoft Yahei", "SimHei";
	padding: 15px 0 10px;
	line-height: 1;
	color: #D81318;
	background: url(../images/uline.gif) repeat-x left bottom;
	margin-bottom: 15px
}
.col-auto .content {
	font-size: 14px
}
.col-auto .content p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
.col-auto .content table p {
	margin-bottom: 0;
}
/* 首页 ——————————————————————————————————————————————————————————————————————*/
.w190 {
	width: 190px;
}
.w208 {
	width: 208px;
}
.w250 {
	width: 250px;
}
.w500 {
	width: 500px;
}
.w700 {
	width: 700px;
}
.w300 {
	width: 300px;
}
.w390 {
	width: 390px;
}
.w742 {
	width: 742px;
}
.w100p {
	width: 100%;
}
.h155 {
	height: 155px;
	overflow: hidden
}
.h156 {
	height: 156px;
	overflow: hidden
}
.h148 {
	height: 148px;
	overflow: hidden
}
.h198 {
	height: 198px;
	overflow: hidden
}
.h228 {
	height: 228px;
	overflow: hidden
}
.h248 {
	height: 248px;
	overflow: hidden
}
.h265 {
	height: 265px;
	overflow: hidden
}
.h266 {
	height: 266px;
	overflow: hidden
}
.mr10 {
	margin-right: 10px;
}
.nowrap {
	white-space: nowrap;
	overflow: hidden;
}
.rightContent {
	border: 1px solid #f1d2d2;
	border-top: 1px solid #ce4545;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.rightContent .hd {
	height: 31px;
	background: #fef0ee;
}
.rightContent .hd h2 {
	color: #e2403e;
	font-size: 14px;
	font-weight: bold;
	text-indent: 12px;
	padding-top: 6px;
}
.rightContent .bd {
	padding: 3px 10px 9px 12px;
}
.liDate {
	float: right;
	color: #999;
}
.rightContent .bd li {
	_height: 26px;
	line-height: 26px;
	padding-left: 11px;
	background: url(../images/liIcon-red.png) no-repeat 0 12px;
	white-space: nowrap;
	_white-space: normal;
	overflow: hidden;
}
.rightContent .bd li a {
/*color: #2d374b;*/
}
.tableHomeProduct {
	line-height: 30px;
}
.tableHomeProduct tr.odd {
	background-color: #ebebeb;
}
.tableHomeProduct th {
	border: 1px solid #e7e7e7;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.tableHomeProduct td {
	border: 1px solid #e7e7e7;
	vertical-align: middle;
	padding: 0 0 0 10px;
	background: #FFF;
}
.tableHomeProduct td.bdr {
	border-bottom: 1px solid #929292;
}
.tableHomeProduct td.timeLine {
	font-size: 14px;
	font-weight: bold;
	color: #580490;
}
.tableHomeProduct th {
	overflow: hidden;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #25AA24;
	background-color: #255A24;
}
.tableHomeProduct td p {
	line-height: 1.5;
	text-indent: 0;
}
.tableHomeProduct th, .tableHomeProduct td strong {
	font-weight: bold;
}
.tableHomeProduct .time {
	width: 100px;
}
.tableHomeProduct .subject {
	width: 200px;
}
.tableHomeProduct .name {
	width: 150px;
}
.tableHomeProduct tbody tr:hover {
	background-color: #ebebeb;
}
.hangqing th, .hangqing td {
	width: 82px;
}
.hangqing .tdLast {
	width: 130px !important;
}
.newsContent {
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.newsContent .hd {
	height: 31px;
	background: #e2403e url(../images/bg_hd.jpg) center top;
}
.newsContent .hd h2 {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-indent: 12px;
	padding-top: 6px;
}
.newsContent .hd a {
	color: #FFF;
}
.newsContent .bd {
	padding: 3px 10px 9px 12px;
	border: 1px solid #f1d2d2;
}
.newsContent .bd li {
	_height: 26px;
	line-height: 26px;
	padding-left: 11px;
	background: url(../images/liIcon-red.png) no-repeat 0 12px;
	white-space: nowrap;
	_white-space: normal;
	overflow: hidden;
}
.newsContent .bd li a {
/*color: #2d374b;*/
}
.friendLink h3 {
	display: inline;
	padding: 5px 8px;
	margin: 0 10px 0 0;
	background: #e2403e;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.friendLink a {
	display: inline-block;
	padding: 5px 10px 5px 0;
}
/*   拟上市品种、上市品种、试运营展示   */

#nsspz tbody tr:hover {
	background: #FFF;
}
#nsspz ul {
	float: left;
	display: inline-block;
	height: 100%;
	overflow: auto;
	padding: 10px 0;
}
#nsspz li {
	float: left;
	margin-right: 2px;
	padding: 0;
	background: none;
	line-height: 1;
}
#nsspz li a {
	display: block;
	text-align: center;
	width: 66px;
	padding: 7px 0;
	background: #ff6;
	text-decoration: none;
	color: #666;
}
#nsspz li .listed {
	background: #66cc66;
	color: #FFF;
}
/*   a自由宽度   */
.nsspzAutoWidth li a {
	width: auto !important;
	padding: 7px 15px !important;
}
/* 首页头部黄色公告 */
#topAlert {
	height: 40px;
	margin-top: 5px
}
#topAlert #scrollDivC {
	background: #F2F2F2 url(http://www.hbot.cn/uploadfile/2014/0117/topAlert_notice.gif) no-repeat 20px 14px;
	padding: 8px 20px 10px 40px;
}
#topAlert a {
	color: #666
}
#scrollDiv {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	vertical-align: middle
}
#scrollDiv li {
	height: 25px;
	padding-left: 10px;
	text-align: left;
	padding-left: 31px;
	background: url("../images/liIcon-red.png") no-repeat 20px 12px;
}
#scrollDiv li a {
	font-size: 12px;
}
.ad_left, .ad_right, .side_list, .side_list2 {
	display: none;
}
/*@media screen and (min-width: 1200px) {*/
/* 侧边子导航 stick */
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
.side_list {
	display: block;
	width: 80px;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 99999;
	_position: absolute;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.side_list2 {
	display: block;
	padding-top: 500px;
}
.side_list li {
	width: 80px;
	height: 30px;
	margin-bottom: 2px;
}
.side_list a {
	width: 80px;
	height: 30px;
	background: #3399cc;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	display: block;
}
.home_side_list li {
	width: 80px;
	height: 80px;
	margin-bottom: 2px;
}
.home_side_list a {
	width: 80px;
	height: 80px;
	background: #3399cc;
	color: #fff;
	text-align: center;
	line-height: 80px;
	font-size: 12px;
	display: block;
}
.side_list li.top {
	height: 30px;
}
.side_list li.top a {
	background: #66cc66;
	color: #fff;
	height: 30px;
	line-height: 30px;
}
.side_list a:hover {
	text-decoration: none;
	background: #c33;
	display: block;
}
.side_list li.top a:hover {
	background: #c33;
}
/* 左右侧动态广告 */
.ad_left {
	display: block;
	position: fixed;
	top: 264px;
	left: 47%;
	width: 495px;
	_position: absolute;
_top:expression(documentElement.scrollTop + 264 + "px");
}
.ad_left a {
	display: block;
	position: absolute;
	left: -118%;
}
img {
	border: none;
}
.ad_right {
	display: block;
	position: fixed;
	top: 264px;
	right: 47%;
	width: 495px;
	_position: absolute;
_top:expression(documentElement.scrollTop + 264 + "px");
}
.ad_right a {
	display: block;
	position: absolute;
	right: -118%;
}
img {
	border: none;
}
/*}*/




/*  top  down  */
#updown {
 _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
	position: fixed;
	_position: absolute;
	top: 200px;
	right: 30px;
	display: none;
}
#updown span {
	cursor: pointer;
	width: 48px;
	height: 50px;
	display: block;
}
#updown .up {
	background: url(../images/updown.png) no-repeat;
}
#updown .up:hover {
	background: url(../images/updown.png) top right no-repeat;
}
#updown .down {
	background: url(../images/updown.png) bottom left no-repeat;
}
#updown .down:hover {
	background: url(../images/updown.png) bottom right no-repeat;
}
 @media print {
body {
	background: none;
}
h1 {
	color: #000;
	background: none;
	border: none;
	font-size: 24pt !important;
}
p, p span {
	font-size: 16pt !important;
	line-height: 1.6
}
.header, .blank15, blank10, .nav, .menu_top, .w250, #footer, .single .f14, .breadcrumb, .meta {
	display: none;
}
.leftCol, .single {
	width: 100%;
	padding: 0;
	margin: 0;
}
.show-content {
	border: none;
	overflow: visible;
	width: 100%;
}
#Article .f14 {
	display: block;
}
.w700 {
	width: 100%;
}
.show-content {
	width: auto;
}
}
