﻿@charset "utf-8";
/* 标题块 */
.sameTitle{height:41px;background:url(../Images/index_icon.gif) repeat-x 0 -387px}
.captionTitle{width:230px;height:34px;line-height:34px;background:url(../Images/index_icon.gif) no-repeat 8px -108px;text-indent:28px}
.captionTitle strong{font:bold 18px "微软雅黑","黑体";color:#c30d23}
.captionTitle span{font:normal 16px Arial, Helvetica, sans-serif;color:#ccc;text-transform:uppercase}
/* 标题分类描述 */
.contentTitle{width:328px;height:22px;text-align:right;padding:18px 0 0 6px;overflow:hidden;font:14px/22px "微软雅黑","黑体"}
.contentTitle a{display:block;height:20px;margin:0 2px;overflow:hidden;line-height:20px;float:left}
.contentTitle a:hover{background:#2393ff;color:#fff;text-decoration:none}

/* 左侧导航 */
.leftsidebar{height:538px;overflow:hidden}
.layout-container{position: relative;}
.leftsidebar .sidebar-menu{
	position: absolute;
	  left: 170px;
	  top: 60px;
	  /* bottom: 5px; */
	  background-color: #FFFFFF;
	  border: 1px solid #c7e4ff;
	  border-left: 0px;
	  z-index: 99;
	  max-width: 450px;
	  padding-bottom: 5px;
	  padding-top: 5px;
	  display: none;
}
.sidebar-menu span{display: block;float: left;}
/* 流行趋势 */
.pageCenter{width:810px; float:left; _display:inline; margin-left:10px;}
.ContentTrend{padding:10px 15px; overflow: hidden; *zoom:1;}
.ContentTrend li{height:70px; padding:6px 0;}
.ContentTrend li:hover .title,
.ContentTrend li:hover .summary{color:#2393ff;}
.ContentTrend .graphicList{  float: left;_display: inline;width: 365px;height: 164px;padding-right: 15px;margin-right: 15px;border-right: 1px dashed #ccc;overflow: hidden;}
.ContentTrend .graphicList .pic{float:left; _display:inline; margin-right:15px;}
.ContentTrend .title{display:block; height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font:14px/22px "Microsoft Yahei", Arial, sans-serif; color:#333;}
.ContentTrend .summary{height:48px; overflow:hidden; line-height:24px; color:#888;}

/* 幻灯片 */
.slides{position:relative; width:590px; height:305px; margin-bottom:10px;}
.slider-list,.slider-list li{width:590px;height:305px}
.slider-list{overflow: hidden}
.slide-li {position:absolute;z-index:10;right:8px;bottom:6px}
.slide-li li{float:left;width:10px;height:10px;background:#fff;margin:0 0 0 5px;overflow:hidden;line-height:370px}
.slide-li li.current{background:#2393ff;cursor:pointer;}

/* 服装人才 */
.leftSide_Talent{width:168px;height:318px; position:relative;}
#slide{height:268px;padding:6px 8px;}
#box{height:155px; margin:5px 0; overflow:hidden;}
.titleTalent{width:168px;height:41px;background:url(../Images/columntitle.gif) repeat-x 0 -322px;text-indent:-999px;overflow:hidden}
.ContentTalent li{height:80px;overflow:hidden;}
.ContentTalent li img{margin-bottom:1px;}
.ContentTalent li a{color:#666;}
.ContentTalent li a:hover{color:#2393ff}
.ContentTalent li p{height:18px; line-height:18px; overflow:hidden; color:#666; padding:0 2px;}
.ContentTalent li p span{color:#d50017; font-weight:bold;}
.tBtn,.bBtn{display:block; width:150px; height:11px; background:url(../Images/arrow2.png) no-repeat;}
.tBtn{background-position:0 0;}
.bBtn{background-position:0 -11px; margin-bottom:6px;}
.tBtn:hover{background-position:0 -22px;}
.bBtn:hover{background-position:0 -33px;}

/* 时装发布 */
.pageCenter_fishion{width:588px;height:318px;margin-left:10px;}
.fishionTitle{width:593px;background:url(../Images/columntitle.gif) repeat-x 0 -430px;border:1px solid #bbb;border-bottom:none}
.fishionCaptionTitle{width:194px;height:41px;background:url(../Images/columntitle.gif) repeat-x -1px -162px;overflow:hidden;text-indent:-999px}
.contentFishion{padding:9px 10px;}
.contentFishion .oneFishionImage0{float:left;_display:inline;margin-right:10px;border:1px solid #ccc;}
.oneFishionImage0:hover{border-color:#2393ff;}
.contentFishion .listFishion{overflow:hidden;*zoom:1;}
.TextlistFishion{margin-bottom:10px;}
.TextlistFishion dd{height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px dotted #a0a0a0}
.selectFishion{width:168px;height:22px;border:1px solid #ccc;background:#fff;margin-bottom:10px;clear:both;color:#494949}
a.BtnsearchFishion{width:54px;height:21px;background:url(../Images/buttonclass_icon.gif) no-repeat 0 -667px;float:right;margin-right:2px;overflow:hidden;line-height:100px}
a.BtnsearchFishion:hover{background-position:0 -695px}

/* 品牌画册 */
.rightSide_BrandInspiration{width:178px;}
.ContentBrandInspiration{padding:3px 0 12px 9px; overflow:hidden; *zoom:1; background:#f0f0f0;}
.ContentBrandInspiration a{float:left; _display:inline; margin:8px 8px 0 0; border:1px solid #f0f0f0;}
.ContentBrandInspiration a img{width:74px;height:34px}
.ContentBrandInspiration a:hover{border-color:#2393ff;}

/* T台趋势 */
.pageCenter_Ttrend{width:498px;height:286px}
.TtrendTitle{width:501px;background:url(../Images/columntitle.gif) repeat-x 0 -430px;border:1px solid #bbb;border-bottom:none;height:39px;overflow:hidden}
.TtrendCaptionTitle{width:283px;height:39px;background:url(../Images/columntitle.gif) repeat-x -1px -108px;overflow:hidden;text-indent:-999px}
.contentTtrend{width:488px;padding:28px 0 0 15px;height:218px;}
.contentTtrend li{width:214px;height:92px;float:left;border-bottom:1px dotted #8a8a8a;margin:0 30px 15px 0;display:inline}
.contentTtrend li.special{border-bottom:none}
.oneTtrendImage0{display:block;width:68px;height:68px;padding:4px;border:1px solid #c8c5c4;background:#fff}
.oneTtrendText0{width:116px;height:80px;line-height:20px;text-overflow:ellipsis;overflow:hidden;margin:-2px 0 0 20px;color:#4d4d4d}
.oneTtrendText0 dt{width:97px;background-position:105px -74px}

/* 流行分析 */
.rightSide_Analysis{width:258px;height:318px;margin-left:10px;overflow:hidden;}
.analysisContent{padding:14px 8px 0;}
.analysisImage0{display:block;width:240px;height:80px;border:1px solid #fff;}
.analysisImage0:hover{border-color:#2393ff;}
.analysisTitle0{height:30px;line-height:30px;margin-top:6px;font-size:14px;overflow:hidden}
.analysisTitle0 a{color:#2393ff;font-weight:bold}
.analysisText0{height:48px;margin-bottom:6px;overflow:hidden;line-height:24px;color:#999;}
.analysisList0 li{height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;border-top:1px dashed #aaa;
	background:url(../Images/index_icon.gif) no-repeat -2px -460px;padding-left:22px;overflow:hidden;}

/* 时尚杂志 */
.rightSide_Magazine{width:178px;height:318px;}
.ContentMagazine{padding:14px 12px;}
.ContentMagazine a{display:block;padding:1px;border:1px solid #2393ff;}
.ContentMagazine p{margin-top:8px;line-height:24px; color:#2393ff;}

/* 正在流行 */
.pageCenter_Popular{width:448px;height:280px;overflow:hidden}
.contentPopular{padding:20px 20px 0;}
.popularImage0{width:154px;height:204px;margin-right:20px;}
.popularImage0 a{display:block;width:150px;height:200px;border:1px solid #ddd}
.popularImage0 a:hover{border-color:#2393ff;}
.TextPopular0{overflow:hidden;*zoom:1;}
.TextPopular0 li{padding:6px 0;border-bottom:1px dashed #aaa;line-height:18px;overflow:hidden;}
.TextPopular0 .count{color:#2393ff;}
.TextPopular0 a{color:#888;}
.TextPopular0 a strong{color:#333;}
.TextPopular0 a:hover, .TextPopular0 a:hover strong{text-decoration:none;color:#2393ff;}

/* 图案 */
.contentPattern,
.contentColumn{overflow:hidden; *zoom:1;}

.contentPattern a{float:left; _display:inline; width:130px; height:60px; margin-left:14px; border:1px solid #fff;
	background:url(../Images/patterns.png) no-repeat;}
.contentPattern a:hover{border-color:#2393ff; background-position-y:-75px;}
.contentPattern .TrendsImage{background-position:0 0;}
.contentPattern .AnalsyeImage{background-position:-140px 0;}
.contentPattern .BooksImage{background-position:-280px 0;}
.contentPattern .InspirationImage{background-position:-420px 0;}
.contentPattern .PrintsImage{background-position:-560px 0;}
.contentPattern .DatabaseImage{background-position:-700px 0;}

/* 专栏频道 */
.column{padding:10px; background-color:#f0f0f0;}
.column .ui-box-header{float:left; width:88px; height:70px; padding:0; border-bottom:none; text-align:center;}
.column .ui-box-header-title{float:none; line-height:70px;}
.contentColumn a{float:left;_display:inline;position:relative;width:205px;height:70px;margin-left:10px;background:url(../Images/patterns.png) no-repeat;overflow:hidden;}
.contentColumn a.Cowboy{background-position:0 -150px;}
.contentColumn a.Pants{background-position:-625px -150px}
.contentColumn a.Underwear{background-position:-208px -150px;}
.contentColumn a.Woolens{background-position:-417px -150px;}
.contentColumn .columnName{position:absolute;left:10px;bottom:5px;z-index:9;font:16px/18px "Microsoft Yahei", Arial, sans-serif; color:#fff;}
.contentColumn .layer{display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.7;filter:alpha(opacity=70);background:#000;}
.contentColumn a:hover .layer{display:block;}

/* 右侧 */
.rightSide{width:180px;height:auto}

/* 今日更新图片数量 */
.Box_number{width:180px;height:305px;overflow:hidden;}
.Box_number .date-item{padding:6px 10px; font-weight:bold; line-height:24px; background:#f97b6e url(../Images/date.jpg) no-repeat 147px center; color:#fff;}
.Box_number .count-item{padding:10px;height:69px;border:1px #ffe0dc solid;border-top:none;color:#666;background:#fef4f3 url(../Images/img-amount.jpg) no-repeat 144px 34px;}
.Box_number .count-item .count{display:block;}
.Box_number .count-item b{color:#ee4134;font-size:24px;font-family:Arial, Helvetica, sans-serif;}
.Box_number .hotline{margin-top:8px;padding:10px 0 1px 42px; color:#666; line-height:20px; background:url(../Images/tel.jpg) no-repeat 0 12px;}
.Box_number .hotline strong{display:block;color:#333;font-size:18px;font-family:"Microsoft Yahei", Arial, sans-serif;}
.Box_number .qq_line{width:192px;}
.qq_line a{float:left;_display:inline;width:63px;height:24px;line-height:24px;color:#888;border:1px #d5d5d5 solid;
	margin:10px 10px 0 0;padding-left:20px;border-radius:3px;text-align:center;
	background:#f0f0f0 url(../Images/qq.png) no-repeat 7px center;
}
.qq_line a:hover{border-color:#666; color:#fff;background-color:#666;text-decoration:none;}
/*更改的 start*/
.c-border{border:1px #FFE0DC solid;height:186px;}

/*更改的 end*/

/* 会员下载 */
.memberDownload{width:158px; height:213px; padding:10px 10px 0; margin-top:10px; border:1px solid #e1e1e1;}
.memberDownload .download,
.memberDownload .join{display:block; height:36px; text-align:center; margin-bottom:8px;
	font:14px/36px "Microsoft Yahei", Arial, sans-serif; color:#fff;}
.memberDownload .download{background-color:#53abff;}
.memberDownload .download:hover{text-decoration:none; background-color:#2393ff;}
.memberDownload .join{background-color:#f9b237;}
.memberDownload .join:hover{text-decoration:none; background-color:#ffa200;}
.memberDownload li{height:30px; line-height:30px; border-top:1px dashed #aaa;}
.memberDownload li a{padding:0 14px; color:#666;}
.memberDownload li a:hover{color:#2393ff;}

.section-media .tri-tab{ position: absolute; right: 5px; top: 5px; }
.section-media .tri-tab .item-tri-tab{ float: left; width: 84px; height: 30px; font: 14px/30px \5fae\8f6f\96c5\9ed1, \5b8b\4f53, sans-serif; text-align: center; color: #666; }
.section-media .tri-tab .item-tri-tab:hover,
.section-media .tri-tab .cur{ color: #fff; background: url('../Images/columntitle.gif') 0 -821px no-repeat; text-decoration: none; }
.section-media{position: relative; float:left; width:498px; height: 280px; overflow: hidden; }
.section-media .sameTitle{ border: 1px solid #bbb; border-bottom: none; background: url('../Images/columntitle.gif') repeat-x 0 -430px; }
.section-media .popularCaptionTitle{ background-position: 0 -580px; }
.section-media .mediaContent{position:relative; height:237px; overflow: hidden; *zoom: 1; }
.section-media .mediaContent .loading{position:absolute;left:50%;top:50%;margin:-17px 0 0 -17px;}
.section-media .mod-content-media{ float: left; width: 218px; margin: 0 15px; _display: inline; }
.mod-content-media .graphic{padding: 12px 0 10px; line-height: 18px; }
.mod-content-media .graphic .pic{ float: left; height: 80px; width: 80px; margin-right: 10px; border: 1px solid #c8c5c4; padding: 2px; }
.mod-content-media .graphic .tit{ height: 36px; overflow: hidden; }
.mod-content-media .graphic .tit a{ color: #2393ff; font-weight: bold; }
.mod-content-media .graphic .summmary{ height: 54px; color: #999; overflow: hidden; }
.mod-content-media .info-list .item{width:100%; height:30px; border-top: 1px dashed #ccc; line-height: 30px; overflow:hidden;}
.mod-content-media .info-list a{float:left; width:185px; height:30px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-content-media .info-list a:hover{ color: #2393ff;}
.mod-content-media .info-list .date{width:30px; height:30px; color:#999; float:right;}

/* 春节start */
.ad-left {position:absolute; left: 50%; top: 0; width: 135px; height: 100%; margin-left: -615px; background:url(../Images/left.png) no-repeat 0 154px;}
.ad-right {position: absolute; z-index: -1; top: 0; width: 50%; height: 100%; right: 0; background:url(../Images/right.png) no-repeat 480px 154px;}
.spring {position: fixed; bottom:0; left: -110px; z-index: 999;}
.sheep {width: 110px; height: 150px;}
.word {position: absolute; bottom: 0; left: -88px;}
/* 春节end */

/*首页轮播图*/
.banner { position: relative; overflow: auto;  width: 810px;height: 305px;}
.banner li { list-style: none; height: 305px;}
.banner ul li { float: left; }
.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center;
}
.banner .dots li {
	background: #EB3941;
	display: inline-block;
	width: 30px;
	height: 5px;
	margin: 0 4px;
	text-indent: -999em;
	/* border: 2px solid #fff; */
	/* border-radius: 6px; */
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #EB3941;
	opacity: 1;
}


/*测试区域*/
/* Slide_c ad code begin */
.Slide_c {
overflow: hidden;
}

.Slide_c div {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}

.Slide_c dl {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
}

.Slide_c dl dt {
	position: absolute;
	left: 0px;
	bottom: 20px;
	background-color: #EEF2F9;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #FF2200;
	margin: 0px;
	padding: 0px;
	filter: alpha(opacity=30); /* IE 6-10 */
	opacity: 0.3; /* Firefox, Safari(WebKit), Opera) */
}

	.Slide_c dl dt:hover {
		filter: alpha(opacity=70); /* IE 6-10 */
		opacity: 0.7; /* Firefox, Safari(WebKit), Opera) */
	}

.Slide_c ul, .Slide_c ul li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

.Slide_c ul {
position: absolute;
right: 10px;
bottom: 50px;
z-index: 10;
width: 30px; /* change the width, can be changed the layout to vertical or horizontal*/
}

.Slide_c ul li {
	background-color: #FFFFFF;
	border-radius: 20px 20px 20px 20px;
	color: #DE7D4B;
	cursor: pointer;
	float: left;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	margin: 3px;
	overflow: visible;
	text-align: center;
	width: 20px;
	filter: alpha(opacity=60); /* IE 6-10 */
	opacity: 0.6; /* Firefox, Safari(WebKit), Opera) */
}

	.Slide_c ul li:hover, .Slide_c ul li.Activate {
		background-color: #FF6600;
		color: White;
		font-weight: bold;
		filter: alpha(opacity=80); /* IE 6-10 */
		opacity: 0.8; /* Firefox, Safari(WebKit), Opera) */
	}
/* Slide_c ad code end */

.goods{
	margin-top: 5px;
	border: 1px solid #DEDEDE;
}
.goods-ad1{
	float: right;
  	width: 130px;
  	height: 550px;
}
.goods-list ul{overflow: hidden;}
.goods-list .goods-li{
	float: left;
	border: 1px solid #DDD;
	margin-left: 5px;
	margin-bottom: 5px;
}
.goods h2{
	color: #4D4D4D;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #999;
}
.lh-wrap{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 157px;
	height: 278px;
}
.p-img{
	height: 220px;
}
.p-price b{
	color: red;
	font-size: 12px;
}
.p-name{
	margin-top: 3px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	/*文字超出自动隐藏*/
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.p-price{
	margin-top: 5px;
	text-align: center;
	/*文字超出自动隐藏*/
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.new-pay{
	background: url(../Images/new_pay.jpg) center no-repeat;
	height: 83px;
	text-indent: -9999px;
}
.goods-list{
	position: relative;
	height: 620px !important;
}
.goods-list .dots {
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 10px;
	  text-align: center;
}
.goods-list .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #EB3941;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.goods-list  .dots li.active {
  background: #EB3941;
  opacity: 1;
}
.goods-b-title{
  padding-right: 50px;
  margin-top: 5px;
  z-index: 99;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 10px;
  text-decoration: none;
}

div.sidebar-menu span a{
	border: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}
div.sidebar-menu span a:hover{
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	color: red;
}
.v_f_l{line-height: 30px;color: #C8C8C8;}