@charset "utf-8";
body,html,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;}
ol,ul,li,dl,dt,dd{list-style:none;}
img{border:0;}
body{text-align:center;font-size:12px;line-height:16px;font-family:"Microsoft YaHei";background:#202124;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
input,select{font-size:12px;}
button{cursor:pointer;}

.tab li.current{background-image:url(../images20100401/navbg.gif);background-repeat:repeat-x;}
.title,h1,.box .more a,.box .tab .more,.box .tab li{background-image:url(../images20100401/arrow.gif);background-repeat:no-repeat}

#subscribeWrap{padding:0 20px;background-color:#fff;color:#a5a6aa;width:910px;margin:0 auto;}
.subscribe{background-color:#202125;padding:5px;height:40px;}
.note{border-right:1px solid #fff;width:142px;height:37px;float:left;padding:3px 8px 0 0;text-align:right;}
.note span{color:#4d4e52}
.form{border-right:1px solid #fff;width:535px;float:left;padding:8px 0 7px;height:25px;}
.form li{float:left;padding-left:15px;}
.form li input{height:17px;width:166px;border:1px solid #000;background-color:#a5a5a5;color:#646464;padding:3px;}
.form li select{color:#646464;}
.form li button{border:1px solid #000;background-color:#a5a5a5;color:#646464;height:23px;}
.help{width:202px;float:left;height:37px;padding:3px 0 0 8px;}
.help a{color:#1b72bf;}

#wrap{width:950px;margin:0 auto;text-align:left;}

#topWrap{position:relative;padding:10px 202px 0 20px;height:210px;background:#fff;}
.logo{float:left;margin-bottom:10px;position:absolute;top:120px;left:0;}
.banner{width:728px;height:100px;margin-bottom:10px;border-bottom:1px solid #CCC}
.search{float:right;margin-top:30px;}
.search input,.search button{border:1px solid #000;background-color:#fff;height:26px;float:left;}
.search input{background:url(../images20100401/bg_img.png) 0 0 no-repeat;width:168px;margin-right:5px;padding:0 0 0 90px;}
.search button{width:47px;height:28px;}
.rightBanner{position:absolute;top:10px;right:20px;border:1px solid #000;}

#navWrap{padding:0 20px 16px 20px;margin-bottom:10px;background:#fff;}
#navWrap ul{height:82px;zoom:1;background-color:#000;}
#navWrap li{border-right:1px solid #878787;float:left;width:82px;text-align:center;}
#navWrap li.last{width:80px;border:0;}
#navWrap li a{display:block;background:transparent;height:23px;padding:32px 0 27px;}
#navWrap li a:hover{background:#085aaf}

#navWrap2{padding:0 ;}

#contentWrap{zoom:1;position:relative;}

#footWrap{text-align:center;width:950px;margin:0 auto;color:#6a6a6a;}
#footWrap a{color:#6a6a6a;}
.friendLink{overflow:hidden;margin-bottom:10px;background-color:#000;zoom:1;padding:15px 10px;line-height:20px;}
.friendLink dt{color:#fff;border-bottom:1px solid #323232;padding-bottom:8px;margin-bottom:8px;}
.footer{text-align:center;padding:10px 0;background-color:#000;}


.hot,.hot .center li{height:1000px;}
.hot{height:600px;margin-bottom:10px;border-bottom:1px solid #000;padding:15px 180px 15px 20px;overflow:hidden;zoom:1;background-color:#fff;}
.hot .left{width:490px;float:left}
.hot .left .banner{width:475px;height:280px;margin-bottom:10px;border-bottom:1px solid #be9561;}
.hot .left .banner img{border:1px solid #be9561}
.hot .left li{width:230px;float:left;margin-right:15px;display:inline;}
.hot .left li .intro{padding:10px 7px;overflow:hidden;width:216px;height:119px;background-color:#0d0d0d;}
.hot .left li .title{background-position:0 -111px;padding-left:38px;display:block;height:32px;line-height:16px;color:#335da5;width:170px;}
.hot .left li img{border:1px solid #be9561;margin-bottom:5px;display:block;}
.hot .left li p{color:#666;font-size:12px;margin:4px 0;}
.hot .left li .subject{color:#1f1f1f;font-size:12px}
.hot .left li .subject a{color:#1f1f1f}
.hot .center{width:244px;background:#191919;font-size:12px;float:left;display:inline;}
.hot .center li{height:134px;padding:8px;overflow:hidden;line-height:15px;}
.hot .center li img{border:1px solid #be9561;_margin-bottom:5px;}
.hot .center li .title{background:none;padding-left:10px;text-indent:-10px;color:#335da5;display:block;}
.hot .center li .subject{padding-left:10px;}
.hot .center li .subject,.hot .center li .subject a{color:#5c5c5c;}
.hot .center .two{background:#121212} 
.hot .center .three{background:#0a0a0a}
.hot .center .four{background:#000}
.hot .right{width:160px;position:absolute;left:770px;top:15px;height:600px;}

.box{margin-bottom:10px;position:relative;overflow:hidden;zoom:1;background-color:#e6e6e6;padding:15px 20px;margin-bottom:10px;}
.box .tab{overflow:hidden;zoom:1;clear:both;padding-bottom:10px;border-bottom:1px solid #000;margin-bottom:10px;}
.box .tab h2{padding-right:20px;float:left;border-right:1px solid #000;}
.box .tab ul{float:left;}
.box .tab li a {display:block;height:34px;line-height:34px;padding:0 18px;display:block;color:#000;float:left;}
.box .tab li{background-position:right -438px;padding:0 5px;height:34px;float:left;display:inline;}
.box .tab li.last{background:none;}
.box .content{padding:10px;background-color:#fff;overflow:hidden;zoom:1;}
.box .more{border-top:1px dotted #999;margin-top:10px;padding-top:5px;}
.box .more a{color:#333132}
.last{border-bottom:0;padding-bottom:0;}

.list1{overflow:hidden;zoom:1;margin-top:-10px;margin-bottom:-10px;}
.list1 .title{color:#285ea8;background:none;display:block;font-size:13px;text-indent:-8px;}
.list1 p{color:#676767;font-size:12px;margin:3px 0;line-height:14px;}
.list1 .subject,.list1 .subject a{color:#252525}
.list1 li{padding:10px 0;border-bottom:1px solid #be9561;overflow:hidden;zoom:1;float:left;width:410px;}
.list1 li .intro{padding:5px;margin-left:84px;height:95px;background-color:#000;}
.list1 li img{margin-right:5px;float:left;border:1px solid #be9561}
.list1 li p,.list1 li .subject,.list1 .title{padding-left:8px;}
.list1 .last{border-bottom:0;}
.list1 .left{width:466px;float:left;padding-right:12px;border-bottom:0;padding-bottom:0;}
.list1 .left img{margin-bottom:8px;margin-right:0;float:none;display:block;}
.list1 .left .intro{width:450px;height:73px;padding:10px 8px;overflow:hidden;margin:0;}
.list1 .left p,.list1 .left .subject{padding-left:0;}

/* v.2010 */
.news,.showPic{background-color:#535444;padding:15px 20px 15px 21px;margin-bottom:10px;}
.news ul,.showPic ul{background-color:#202125;padding:10px 0;overflow:hidden;zoom:1;}
.news li,.showPic li,ul.pic li{width:227px;height:255px;float:left;overflow:hidden;}
.news li a,.showPic li a,ul.pic li a{display:block;width:202px;height:233px;background-color:#202125;color:#9b9b9d;padding:11px 13px;text-decoration:none;}
.news li a:hover,.showPic li a:hover,ul.pic li a:hover{background-color:#bdbec2;color:#000;}
.news li img,.showPic li img,ul.pic li img{border:1px solid #be9561;margin-bottom:5px;}
.news li em,.showPic li em,ul.pic li em{display:block;font-style:normal;text-indent:-10px;padding-left:10px;}

.showPic{background-color:#fff;}
.showPic ul{background-color:#000;}
.showPic li{height:338px;text-align:center;}
.showPic li a{background-color:#000;height:316px;}

.fashion{background-color:#fff100;}
.fashion .content,.design .content,.grooming .content{border:1px solid #be65a1;}
.design{background-color:#00a1e9;}
.luxury{background-color:#542f8f;}
.grooming{background-color:#ff8500;}

.streetFashion .content,.chictech .content,.auto .content,.hotspot .content{border:1px solid #bbb;}
.streetFashion ul.pic,.chictech ul.pic,.auto ul.pic,.hotspot ul.pic{margin-left:-10px;margin-right:-10px;}
ul.pic li a{background-color:#fff;color:#303030;}
ul.pic li a:hover{background-color:#000;color:#28579b;}

.content2{border:1px solid #bbb;}
.streetFashion ul.pic,.chictech ul.pic,.auto ul.pic,.hotspot ul.pic{margin-left:-10px;margin-right:-10px;}
ul.pic li a{background-color:#fff;color:#303030;}
ul.pic li a:hover{background-color:#000;color:#28579b;}

.pagenation{background-color:#000;text-align:center;padding:5px 0;color:#606060;clear:both;height:17px;}
.pagenation a{border:1px solid #606060;color:#606060;padding:0 5px;font-size:11px;}
.pagenation a.current,.pagenation a:hover{border:1px solid #fff;color:#fff;background-color:#606261;}

/*-------------------------------------------------------------------------^ sun yan hui [end]^-------------------------------------------------------------------------*/

.menu_container_a{
	float:left; 
	height:22px; 
	margin-left:6px; 
	padding:0px;
	padding-left:8px;padding-right:8px;
	line-height:22px;
	text-decoration:none;
	color:#000000;
	cursor:hand;
	width:100px;
	}
.menu_container_hover{
	color:#d6d6d7;
	padding-left:20px;
	padding-right:20px;
	cursor:hand;
	text-decoration:none;
	background-image:url(../images20100401_div/navbg.gif);background-repeat:repeat-x;
	font-size:12px;
}



.menu_container_hover a{
	color:#d6d6d7;
	font-size:12px;
	margin-top:3px;
}

.menu_container_out{
	color:#000;
	background-color:#6A5ACD;
	cursor:hand;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	background:#ff0;
	
}

.menu_container_out a{
	color:#000;
	font-size:12px;
	margin-top:3px;
}

.ceowenDivBox{  
	width:910px;	
	filter:alpha(opacity=100);FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward');
}

.ceowenDivBox2{ 
	width:910px;	
	display:none;
	filter:alpha(opacity=100);FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward');
}


.menu10 {float:left;width:910px;position:relative; margin-bottom:5px; background:#000;}
.menu10 ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu10 ul li {float:left;position:relative;display:inline;background:#000; border-left:1px solid #fff;}

/*style of main items normal state*/
.menu10 ul li a, .menu10 ul li a:visited {float:left;display:block;text-decoration:none;color:#fff;width:auto;height:26px;padding:30px 9px 27px 8px;line-height:26px;}
* html .menu10 ul li a, .menu10 ul li a:visited {width:auto;w\idth:auto;}

/*hide sub nav items*/
.menu10 ul li ul {display:none; z-index:100}

/*clear the main nav bg*/
.menu10 ul li ul li{background:none;}

/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}

/*specific to non IE browsers*/
/*main nav over state*/
.menu10 ul li:hover a {color:#fff;background-color:#486DD7;}

/*show drop-down list*/
.menu10 ul li:hover ul {display:block;position:absolute;top:82px;margin-top:1px;left:0;width:100%; border-top:1px solid #fff;}

/*drop-down on state*/
.menu10 ul li:hover ul li a {display:block;background:#333;color:#fff;height:auto;line-height:15px;padding-top:10px; padding-bottom:10px; padding-left:10px; width:120px;  border-right:1px solid #fff; border-bottom:1px solid #fff;}

/*sub drop-down over state*/
.menu10 ul li:hover ul li a:hover {background:#365ACF;color:#fff;}






#slider {
    width: 473px; /* important to be same as image width */
    height: 268px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider img{
    border: 0px;
}

#sliderContent {
    width: 473px; /* 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;
	font: 12px/14px Arial, Helvetica, sans-serif;
    padding: 10px;
    width: 432px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	bottom:0;
	left: 10px;
	margin-bottom:10px;
}
.bottom {
	bottom: 0;
    left: 0;
}

/*导航*/
.container {
	MARGIN: 0px auto; WIDTH: 915px
}
UL#topnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; background:#000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 910px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative
}
UL#topnav LI {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; padding:31px 19px;
}
UL#topnav LI A {
	 DISPLAY: block;  COLOR: #f0f0f0; TEXT-DECORATION: none; 
}
UL#topnav LI:hover {
	BACKGROUND: url(topnav_active.gif) #1376c9 repeat-x
}
UL#topnav LI SPAN {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: #1376c9; LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 15px; WIDTH: 905px; COLOR: #fff; PADDING-TOP: 15px; POSITION: absolute; TOP: 85px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; font-size:12px;
}
UL#topnav LI:hover SPAN {
	DISPLAY: block
}
UL#topnav LI SPAN A {
	DISPLAY: inline
}
UL#topnav LI SPAN A:hover {
	TEXT-DECORATION: underline
}


/*焦点广告*/
#slider {
    width: 473px; /* important to be same as image width */
    height: 268px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider img{
    border: 0px;
}

#sliderContent {
    width: 473px; /* 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;
	font: 12px/14px Arial, Helvetica, sans-serif;
    padding: 10px;
    width: 432px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	bottom:0;
	left: 10px;
	margin-bottom:10px;
}
.bottom {
	bottom: 0;
    left: 0;
}


.a110:hover{ text-decoration:none;}


.cool{margin-bottom:10px;}
.cool .content li{padding:0 3px 0 10px;display:inline;float:left;}
.cool .content li img{display:block;border:1px solid #000;margin-bottom:5px;}
.cool .content li a em{font-style:normal;font-weight:bold;display:block;}
.cool .content li a{display:block;background:#fff;padding:10px;color:#000;text-align:center;}
.cool .content li a:hover{background:#000;color:#fff;text-decoration:none}
.cool .content li a span,.cool .content li a:hover span{color:#3671ea;display:block;}
