@charset "utf-8";
/*


/* 脚 */
.warp960{width:960px; margin:0 auto; position:relative; text-align:left;}
.footer{
	border-top:1px solid #dfdfdf;
	color:#a3a3a3;
	text-align:center;
	line-height:24px;
	margin:20px auto;
	overflow: hidden;
	font-size: 13px;
}
.footer .wrap960,.footer .warp960{text-align:center}
.footer a{color:#a3a3a3;}
.footer .f_links{
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.footer .f_links a{
	margin:0 10px;
	line-height:28px;
}
.colGray{ color:#989898 !important}
/* 密码错误提示 */
.w220{ width:220px;}
.errorTs{ position:absolute; top:28px; left:190px; background:#fff; border:1px solid #b3b3b3; line-height:22px; font-weight:bold;color:#ff0000}
.errIcon,.errSJ,.errorTs .close{background:url(http://images.xdf.cn/v4/images/global/headerTop_bg.png) no-repeat 0 -148px; width:16px; height:16px; overflow:hidden; display:inline; margin:5px 5px 0 0; float:left;}
.errSJ{ background-position:-17px -148px; width:9px; height:6px; position:absolute; top:-10px; left:10px;}
.errorCont{ position:relative; padding:3px 8px 0 11px; }.errorCont a{ color:#979797; font-weight:normal; text-decoration:underline;}
.errorTs .close{ position:absolute; right:0; top:0; background-position:-27px -148px; width:9px; height:9px; text-indent:-9999px; float:right}
.errorTs .close:hover{ background-position:-37px -148px;}
.clearFix{ clear:both; font-size:0; line-height:0;}




#wrapper
{
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;

  text-align:center;
  display:none;
}



.jscarousal
{
	float: left;
	
	margin:0 auto;
	padding: 0;
	
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 15px;
	height: 160px;
	
	color: White;
	position: relative;
	
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	height:160px;
	
	
}
.jscarousal-contents
{
	width: 550px;
	height: 160px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 180px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}
.jscarousal-contents img
{
	width: 106px;
	height: 160px;
	
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	
	opacity: 0.6;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding-left: 0px;
}


























#featureContainer {
	WIDTH: 580px;
	FONT-SIZE: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap {
	OVERFLOW: hidden
}
#load {
	BACKGROUND-IMAGE: url(images/loader32x32.gif); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 923px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature {
	POSITION: relative
}
#feature .button {
	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH: 840px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px
}
#feature .prev {
	TEXT-INDENT: -9999px;
	WIDTH: 15px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 160px;
	background-image: url(../images/left_arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}
#feature .next {

	
	TEXT-INDENT: -9999px;
	WIDTH: 15px;
	DISPLAY: block;
	FLOAT: right;
	HEIGHT: 160px;
	background-image: url(../images/right_arrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 565px;
	top: 0px;
}

.featureUL {
	BORDER-BOTTOM: #000 0px dotted;
	POSITION: relative;
	BORDER-LEFT: #000 0px dotted;
	LIST-STYLE-TYPE: none;
	FLOAT: left;
	BORDER-TOP: #000 0px dotted;
	BORDER-RIGHT: #000 0px dotted;
	LEFT: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
	width: 550px;
}
.featureBox {
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	WIDTH: 106px;
	BACKGROUND-REPEAT: no-repeat;
	FLOAT: left;
	HEIGHT: 160px;
	OVERFLOW: hidden;
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted;
	margin-right: 2px;
	margin-left: 2px;
}
#botton-scroll {
	Z-INDEX: 0;
	BORDER-BOTTOM: #999 0px dotted;
	BORDER-LEFT: #999 0px dotted;
	WIDTH: 550px;
	FLOAT: left;
	HEIGHT: 160px;
	BORDER-TOP: #999 0px dotted;
	BORDER-RIGHT: #999 0px dotted;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	margin-right: 15px;
	margin-left: 15px;
}
#block {
	Z-INDEX: 0;
	POSITION: relative;
	HEIGHT: 160px;
	FONT-SIZE: 70%;
	OVERFLOW: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#block .box {
	BORDER-BOTTOM: #d8d8d8 0px solid;
	BORDER-LEFT: #d8d8d8 0px solid;
	WIDTH: 106px;
	FLOAT: left;
	HEIGHT: 160px;
	BORDER-TOP: #d8d8d8 0px solid;
	BORDER-RIGHT: #d8d8d8 0px solid;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 2px;
	overflow: hidden;
}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 240px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 150px
}