@charset "gb2312";
/*  */
.categorylist li{background:url(../images/index-ui-x.gif) repeat-x}
.categorylist b{background:url(../images/index-ico.gif) no-repeat}
.fullcategory {background:url(../images/index-ui-y.gif) repeat-y}
 /*  */
.sidecategory{float:left;display:inline;width:208px;height:353px;background:#fcf4ea;border:1px solid #faba8c;position:relative;z-index:999}
.category-title{height:29px;line-height:29px;background:#fbdcac;color:#cc0000;font:700 14px/29px 'Microsoft YaHei';padding:0 0 0 10px}
.categorylist{margin:0 5px;position:relative;z-index:1;}
.categorylist li{height:33px;line-height:33px;border-top:1px solid #FFF;border-bottom:1px solid #f5dcbd;background-position:right -478px;background-repeat:no-repeat;*margin-bottom:-3px}
.categorylist li h3{height:33px;line-height:33px; font-weight:400;}
.categorylist li h3 a {font-size:14px;float:left;display:inline;position:relative;padding-left:35px;}
.categorylist li h3 a:hover.color-bk{font-weight:700}
.categorylist li.first,.categorylist li.snavl1{border-top:0 none;}
.categorylist li.last,.categorylist li.snavl10{border-bottom:0 none;}
.categorylist li.hover h3{position:relative;}
.categorylist li.hover h3 {background:#FFF;border:2px solid #eb873c;border-right:2px solid #FFF;width:194px;margin:-2px 0 0 -6px;position:absolute;z-index:999;}
.categorylist li.hover h3 a{padding-left:39px;}
.categorylist li.hover h3 a.sidelink{padding-left:0;margin-right:7px}
.categorylist li.first.hover h3{margin-top:-2px;}
.categorylist li.hover h3 b{left:9px;}
.fullcategory{position:absolute;z-index:666;width:442px;border:2px solid #eb873c;background-color:#FFF;background-position:442px 0;left:190px;top:-30px;display:none;min-height:351px;_height:351px;}
.hover .fullcategory{display:block}
.categorylist li .sidelink{float:right;display:inline;margin-right:15px;font-size:12px;padding:0}
/*  */
/*  */
.categorylist b{position:absolute;left:5px;top:9px;width:24px;height:24px;}
.categorylist b {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-duration: 1s;/**/
	-webkit-animation-delay: .2s;/**/
	-webkit-animation-timing-function: ease;/**/
	-webkit-animation-fill-mode: both;/**/
	-moz-animation-duration: 1s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}
@-ms-keyframes swing {
	20% { -ms-transform: rotate(15deg); }	
	40% { -ms-transform: rotate(-10deg); }
	60% { -ms-transform: rotate(5deg); }	
	80% { -ms-transform: rotate(-5deg); }	
	100% { -ms-transform: rotate(0deg); }
}
@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}
/* transform-originÈÎ */
.swing,.categorylist li:hover b {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/*  */
.categorylist li.hover h3 b{background-position:0 0}
b.c_icon0,.categorylist li.hover h3 b.c_icon0{background-position:0 -33px}
b.c_icon1,.categorylist li.hover h3 b.c_icon1{background-position:0 -67px}
b.c_icon2,.categorylist li.hover h3 b.c_icon2{background-position:0 -103px}
b.c_icon3,.categorylist li.hover h3 b.c_icon3{background-position:0 -138px}
b.c_icon4,.categorylist li.hover h3 b.c_icon4{background-position:0 -174px}
b.c_icon5,.categorylist li.hover h3 b.c_icon5{background-position:0 -210px}
b.c_icon6,.categorylist li.hover h3 b.c_icon6{background-position:0 -244px}
b.c_icon7,.categorylist li.hover h3 b.c_icon7{background-position:0 -280px}
b.c_icon8,.categorylist li.hover h3 b.c_icon8{background-position:0 -315px}

.color-0,.sidelink.color-0{color:#f00}
a:hover.color-0,a:hover.sidelink.color-0{color:#f00}
.color-1,.sidelink.color-1{color:#0066CC}
a:hover.color-1,a:hover.sidelink.color-1{color:#0066CC}
.color-2,.sidelink.color-2{color:#009900}
a:hover.color-2,a:hover.sidelink.color-2{color:#009900}
.color-3,.sidelink.color-3{color:#9900cc}
a:hover.color-3,a:hover.sidelink.color-3{color:#9900cc}
.color-4,.sidelink.color-4{color:#fa621e}
a:hover.color-4,a:hover.sidelink.color-4{color:#fa621e}
/*  */
.categorylist h3{}
.category{float:left;display:inline;width:442px;padding:0;}
.relatedads{float:right;display:inline;width:235px;line-height:24px;padding:5px 0;}
.category dl{padding:0 10px;margin-bottom:-1px;}
.category dt{width:85px;}
.category dt a,.category dt {color:#cc0000;font-weight:700;font-size:12px;height:27px;line-height:25px;}
.category dt a{padding-top:5px; display:block;}
.category dd{border-bottom:1px  dotted #cbcbcb;margin-top:-27px;line-height:14px;padding:5px 0 5px 85px;}/*2012-5-14*/
.category dd a {font-size:12px;display:inline-block;border-right:1px solid #999;margin:4px 0;padding:0 10px;color:#333}
.category dd a:hover{color:#F30;}
.relatedads h4{color:#cc0000;font-weight:700}
.relatedads a{color:#666}
.brand a{float:left;display:inline;width:49%}
.brand a img{border:1px solid #fcf3ea}
.brand a:hover img{border:1px solid #F00}
.promotions a{display:block;width:99%;overflow:hidden;height:24px;word-wrap:break-word;word-break:break-all}
 /*