/*=Layouts
---------------------------------*/
#area { width:1003px; text-align:left; margin:0 auto; overflow:hidden; line-height: 22px; position: relative;}
/* header */
#header{width:1003px; background: #161616;}
.logo{ width: 267px; float: left }
.logo img { float: left; }
.top_right{ float: left; }
.service{ background: url(../images/images_02.gif); width:563px; height:77px;}
.service ul{ margin-left: 120px; padding-top: 10px; }
.service li{ float: left; margin-right: 15px; }
.nav{ width: 736px; height: 51px;}
.nav ul{ }
.nav li{ float: left; height: 51px; line-height: 51px;background: url(../images/images_06.gif);}
.nav li img {height:51px; float:left;}
.nav li a:link,.nav li a:visited{ font-size: 13px; font-weight: bold; color: black; padding: 0 15px; }
.nav li a:hover{ color:#AC0026;}
.login{ margin: 22px 0; background: #161616; width:1003px;}
.login_bg{ background:url(../images/images_16.gif);width:478px;height:31px; float: left;}
.login li{ float: left; margin-left: 10px; }
/* 主体 */
#main{ background: black; border-top: 1px solid #383838; padding: 10px; width:1003px;  }
.sidebar{ width:205px; float: left;  }
.menu h2{ color: #FEFAFA; font-size: 12px; background:url(../images/toggle.gif) no-repeat; width:196px; height:28px; line-height:28px;  }
.menu h2.active {background-position: right -28px;}
.menu h2 a{padding-left:18px; cursor: pointer;}
.menu li{ background: url(../images/images_32.gif); width: 168px; height: 20px; line-height: 21px; color: #B1AFAF; margin-top: 2px!important ; margin-top: -1px; margin-left: 15px;}
.menu li a:link,.menu li a:visited{ padding-left: 15px; display: block;}

.center{ float: left }
/* 幻灯片 */
#slider {
    width: 797px; /* important to be same as image width */
    height: 222px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 797px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute; z-index:100000;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 760px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.5;
    color: #fff;
    display: none;
	 text-align:left;
    
}
.clear {
	clear: both;
}
.recommend_label label{width:100px;}
.sliderImage span strong {
    font-size: 14px;
}
.bottom {
	bottom: 0;
    left: 0;
}
.man{ position: absolute;top:129px; *top:127px; _top:126px; left:750px; z-index:0; }/* 人物定位 */
#white_main{ background: white; padding: 15px; width: 758px; min-height:495px;height: expression( this.scrollHeight < 495 ? "495px" : "auto" );}
.suit_hot{ width: 547px; float: left }
.suit_hot h1{ background: url(../images/images_37.gif); height: 30px;  line-height: 30px;}
.suit_hot h1 a:link,.suit_hot h1 a:visited,.suit_hot h1 a{ color: #2A3948; font-size: 13px; font-weight: bold; padding-left: 25px; }
.suit_hot h1 a:hover{ color: #AC0026; }
.suit_hot ul{ margin-top: 5px; }
.suit_hot li{ float: left; margin-left: 4px; display: inline; }
.suit_hot li img{ width: 130px; height: 165px; }
.suit_hot li a:link p,.suit_hot li a:visited p{ text-align: center; background:#E9E9E9; width:130px; overflow:hide; height:45px; }
.suit_hot li a:hover p{ background:#0F0F0F; color:#fff}
.letter{ width: 183px; background: #0C0C0C; border: 1px solid #1F1F1F; padding: 10px; margin-top: 10px;  }
/* 滚动图片 */
#demo {
    background: #FFF;
    overflow:hidden;
    width: 547px;
}
#indemo {
    float: left;
    width: 800%;
}
#demo1 {
    float: left; 
}
#demo2 {
    float: left;
}
.picshow {float:left;width:136px;height:210px;overflow:hidden;}
.picshow img {width:136px;height:160px; float: left;}
.picshow p { text-align: center;width:136px;}
.picshow p img{ width: 94px; height: 21px; padding-left: 25px; margin-top: 8px;}
/* 滚动图片_end */

/* 提示效果 */
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#AC0026;
	padding:5px 10px;
	color:#fff;
	display:none;
	}	

/*  */
.right_white_main{ float: left; margin-left: 3px;*margin-left: 5px;_margin-left: 3px; width: 208px; }
.right_white_main h1{ background:url(../images/images_39.gif); height: 30px;  line-height: 30px;}
.right_white_main h1 a:link,.right_white_main h1 a:visited,.right_white_main h1 a{ color: #2A3948; font-size: 13px; font-weight: bold; padding-left: 25px; }
.right_white_main h1 a:hover{ color: #AC0026; }
.right_white_main ul{ padding: 10px; background: #E9E9EA; }
.right_white_main li{background:url(../images/images_50.gif) no-repeat 0 10px; height: 24px; line-height: 24px;  padding-left: 10px; }
.right_white_main li a:link,.right_white_main li a:visited{ color: #2A3948; }
.right_white_main li a:hover{ color: #000; }

.video{ margin-top: 4px; }
#footer{ background: #000;  }
.footer_col{ float: left; width: 180px; background: #000; padding-left: 40px; display: inline;}
.footer_col h3{ background: url(../images/images_68.gif);width:202px;height:25px;}
.footer_col h3 a{ color: #FD2700; padding-left: 25px; }
.footer_col li{ color:silver; margin-left: 30px;  }
.footer_col li a:hover{ color: #FD2700; }
#footer p{ color: #797878; font-size: 11px; float: right; padding-right: 10px; }

/*=当前位置---------------------------------*/
.current_location{ height: 25px; line-height: 25px; margin: 4px 0 25px 0; padding-right: 10px; border-bottom: 1px solid #BB002C;}
.current_location ul{ float: right; }
.current_location li{ float: left; margin-left:10px; background: url(../images/arrow.gif) no-repeat 0 -2px; padding-left: 20px; color: #a4a4a4}
.current_location li.home{ background: url(../images/home.gif) no-repeat 0 1px; padding-left:20px;  }
.current_location li a{ color: #BB002C; }
.reg_click{ margin-left: 220px; margin-top: 10px;}
.reg_click li{ float: left; margin-left: 35px; }

.fabric h3{color:#000; font-size:13px;}
.fabric ul{margin-top:10px; width:350px; float:left;}

.list_pic li{width:338px; height:148px; border:2px solid #E8E8E8; padding:10px; float:left; margin:8px; display:inline; }
.list_pic_mr10{float:left; margin-right:10px; }
.list_pic li div { height: auto !important; height:44px; min-height:44px;}
img.list_pic_mr10{width:130px; height:130px; border:1px solid #E8E8E8;}
.list_pic h5{color:#000}

/*设计师推荐*/
.recommend_pic li{width:720px; border:2px solid #E8E8E8; padding:10px; float:left; margin:8px; display:inline;}
img.recommend_pic_mr10{width:130px; height:130px; float:left; margin-right:20px;}
.recommend_pic h5{color:#000}


/* 会员后台*/
#lib_Tab1_sx{width:1000px;margin:0px;padding:0px;margin-bottom:15px; overflow:hidden;}

/*菜单class*/
.lib_tabborder_sx{}
.lib_Menubox_sx {line-height:28px;position:relative; float:left; width:154px; height:240px;}

.lib_Menubox_sx ul{margin:0px;padding:0px;list-style:none; position:absolute; top:15px; left:5px; margin-left:10px; height:25px;text-align:center;}
.lib_Menubox_sx li{display:block;cursor:pointer;width:154px;color:#eaeaea;font-weight:bold; margin-bottom:5px;height:35px;line-height:35px; background:#2a2a2a}
.lib_Menubox_sx li.hover{padding:0px;background:#fff;width:154px; border-right:0;
color:#DE2200;height:35px;line-height:35px;}
.lib_Contentbox_sx{margin-top:0px; border-top:none;padding:20px; border-left:0; margin-left:169px; background: white; min-height: 400px; height:expression(document.body.clientheight < 400? "400px": "auto" )}

table.table_date{ border: none;border-collapse:collapse; border-spacing:0; font-size: 12px; width: 100%; color: #2F2F2F; font-family:Arial;  }
table.table_date th{ background: url(../images/table_bg1.jpg); color:#2F2F2F; height: 29px; line-height: 29px; border: solid #DBDBDB;  border-width: 0 1px 0px 1px; text-align: left; padding-left: 5px;}
table.table_date td,table.table_date tr{ border: 1px solid #DBDBDB; height:20px; line-height: 20px; padding-left: 5px; }
table.table_date td a{color: #2F2F2F;  }
.table_date tr.alt td { background:#F5F5F5;  /*这行将给所有的tr加上背景色*/}
.table_date tr.over td {background:#E1E1E1;  /*这个将是鼠标高亮行的背景色*/}

.type li{ width: 326px; float: left; overflow: hidden; margin: 10px; height: 438px; }

/* ---------------------------　蓝色样式------------------------------------- */
.news_list_blue li{ margin-top: 3px; }
.news_list_blue li a:link,.news_list li a:visited{  height: 25px; line-height: 25px; background:url(../Images/r.gif) no-repeat 2px 6px #fafafa;display: block; font-size: 12px; padding-left: 18px; color: #575757}
		.news_list_blue li a:hover{ background:url(../Images/r.gif) no-repeat 2px 6px #DEF1FC; color:#33749A; }
		 .news_list_blue li span{ float: right; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-right: 18px; color: #A4A4A4; }

.news_view{ line-height: 25px;color: #787878; text-indent: 2em; background: white; width: 100%; padding: 10px;}
.news_view_title{ color: #2B80C2; font-size: 14px; font-weight: bold; text-align: center; text-indent:-2em; background: #FAFBFF; border: 1px solid #cedeee; height: 30px; line-height: 30px; margin-bottom: 10px;}


.loged{ color: silver; padding-left: 27px; line-height: 79px; height: 79px; font-size:12px; }
.loged span a{ color: #E4020A; font-weight:bold; }

#paperindex{ width:750px;}
#paperindex ul{float:right}
#paperindex li { float: left; margin-left:2px; width:20px; height:20px; line-height:20px; text-align:center;}

#paperindex li a{color:#0063e3;display:block;text-decoration:none; border:1px solid #ddd; width:20px; height:20px; line-height:20px; text-align:center;}
#paperindex li a:hover{border:1px solid #f00; color: #f00;}

.pic200 img{width:200px; height:200px;}

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
 
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}

.order h4{font-size:15px; font-weight:bold; color:#C7002C;}
.order h5{font-weight:bold; color:#333}
.order li{margin-top:10px; width:740px; border-top:1px solid #E7E7E7;}
#area2 { width:800; text-align:left; margin:0 auto; overflow:hidden; line-height: 22px; position: relative;}
img.recommend_pic_mr10{width:130px; height:130px; float:right; padding:4px; border:1px solid #8D0626; margin-top:10px;}


/*---------------------------------表格样式5-----------------------------------------
 */
table.table5{ border: none;border-collapse:collapse; border-spacing:0; font-size: 12px; width: 100%; color: #030007;}
table.table5 th{ color:#000005; height: 26px; line-height: 26px; border: solid #EA9A1D;  border-width: 5px 0 1px 0;text-align: left; padding-left: 5px;}
table.table5 td,
table.table5 tr{ height:20px; line-height: 20px; padding-left: 5px; border:solid #E59B16; border-width:1px 0 1px 0;}
table.table5 a{ color: #030007; text-decoration: none; }

/*---------------------------------向导样式-----------------------------------------
 */
ul.guide {  width : 95%; padding:5px; margin: 0 auto;  }
.guide li{float:left; margin-left:10px;  }
.guide li img{ padding-top:15px;}
.guide .nojt{ }
.guide .jt{ margin-top:15px; padding-left:4px; padding-right:4px; padding-bottom:15px;   }

.box-border{ width: 80px; height: 40px; text-align: center;font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
.yellow{ border: 1px solid #FF8500;   line-height:19px; }
.gray{ border: 1px solid #CFCFCF;  color: #585858; line-height:19px; }
.gray p {padding-top:0px; }
.yellow p{padding-top:0px; color: blue;}


.season li{background-color:#FFFFFF;float:left;line-height:20px;margin:2px 6px 2px 2px;padding:2px;position:relative;vertical-align:middle;}
.season li a {background-color:#FFFFFF;border:1px solid #C8C9CD;color:#000000;display:block;min-width:10px;padding:0 6px;text-align:center;text-decoration:none;white-space:nowrap;width:auto !important;}
.spring a:hover{color:White; background-color:Green;}
.summer a:hover{color:White;background-color:Red;}
.autumn a:hover{color:White;background-color:#E18021;}
.winter a:hover{color:White;background-color:Gray;} 
.fabric a:hover{color:White;background-color:#BB002C;}