/*new catalog style 2014.10*/
#catalog{
	z-index: 1001;
	position: relative;
	width:990px;
}

#catalog li{
	margin-right: 18px!important;
}
.milanoo-ar #catalog li{
	margin-left: 18px!important;
	margin-right: 0 !important;
}
.menu_wrapper{
	position: absolute;
	left: 0;
	top:45px;
	background: #fff;
	min-width: 990px;
	display: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#catalog .masonry_layout a{
	font-size: 12px;
}
#catalog li{
	height: 41px;
	line-height: 41px;
	border-bottom: #F5F5F5 solid 3px;
}
#catalog li.lastchild{
	margin-right: 0px!important;
}
#catalog .m-current{
	/*border-bottom: #ff7c0c solid 3px;*/
}
#catalog .currentnode{
	border-bottom: 3px solid #ff7c0c;
}
#catalog .currentnode a{
	color: #ff7c0c;
}
#catalog li:hover{
	border-bottom: #ff7c0c solid 3px !important;
}
#catalog li.activity:hover{
	border-bottom: none !important;
}
/*弹出菜单样式*/
.masonry_layout {
	width: 990px;		
	margin: 0;
	background: #fff;
	z-index: 1;
	padding: 6px 0;
	margin:0 auto;
	/*position: absolute;
	left: -1px;
	top: 44px;*/
}
.masonry_layout dl dt:first-child{
	margin-top: 0;
}
.masonry_layout a{
	color: #666;
	line-height: 14px;
}
#catalog .masonry_layout a:hover{
	color: #ff7c0c;
}
/* 左侧子目录部分 */
.masonry_layout .snav_left {float: left; background: #fff; overflow: hidden; } 
.milanoo-ar .masonry_layout .snav_left{float: right;}
.snav_left .highlight{ color: #e31010!important; font-style: italic;}
.snav_left .highlight:hover{ color: #ff7c0c!important;}

.snav_left dl,.snav_left dt,.snav_left dd {margin: 0; padding: 0; list-style: none; } 

.snav_left dl {width: 180px; padding: 0; margin: 0 10px 10px 0; float: left; }
.milanoo-ar .snav_left dl{float: right;margin:0 0 10px 10px;}
.snav_left dt {margin: 0px 4px 8px 0; border-bottom: 1px solid #ddd; text-transform: capitalize; position: relative; padding-right: 8px;}
.milanoo-ar .snav_left dt{margin:0 0 8px 4px;padding-left: 8px;padding-right: 0;}
.snav_left dt:hover,.snav_left dt:hover a{  color: #ff7c0c; }
.snav_left dt::after{ content:''; display: inline-block; width: 4px; height: 4px; 	border-width: 1px; border-style: solid; border-color: #999 #999 transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: 10px; right: 4px; }
.milanoo-ar .snav_left dt::after{ -webkit-transform: rotate(-135deg); transform: rotate(-135deg);right: auto;left: 4px;}
.snav_left dt:hover::after{border-color:#ff7c0c #ff7c0c transparent transparent;}
.snav_left dt::before{content:'';position: absolute; width: 0; left:30px; bottom:0;height: 1px;bottom: -1px; background:#ff7c0c; transition: all .2s ease;}
.snav_left dt:hover::before{ width: 100%; left:0;}
.snav_left .none_href {background: none; }
.snav_left .none_href a,
.snav_left .none_href a:hover{color: #333; text-decoration: none; }
.snav_left dt a {color: #333; font-weight: bold; line-height: 18px; padding: 6px 0; }

.snav_left dt.dt_0{margin:  0px 4px 2px 0; }
.snav_left dt.dt_0{ border:none;}
.snav_left dt.dt_0::after{bottom:-6px; display: none;}
.snav_left dt.dt_0::before{display: none;}
.snav_left dt.dt_0 a{padding: 5px 0;}

.snav_left dd {margin-bottom: 3px; padding-left: 8px; color: #999; } 
.snav_left dd a {color: #666; line-height: 20px; } 
.snav_new {
	width: 25px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	display: none;
}
.snav_hot {
	width: 25px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	display: none;
}

/* 右侧special 部分 */
.masonry_layout .snav_right {
	/*width: 410px;*/
	float: left;	
	margin-left: 9px;
	overflow: hidden;
}
.milanoo-ar .masonry_layout .snav_right{
	float: right;
	margin-right: 9px;
	margin-left: 0;
}
.snav_right dl {
	margin: 0 0 0 20px;
	padding: 0;
	width: 180px;
	float: left;
}
.snav_right dt {
	text-align: left;
	color: #000;
	font-weight: normal;
	margin: 20px 0 8px;
	border-radius: 3px;
	line-height: 18px;
	text-transform: capitalize;
}
.snav_right dt a{
	color: #000;
}
.snav_right dd {
	margin: 0 0 7px;
	line-height: 14px;
}
.snav_right .snav_img{
	margin:0 0 15px;
}
.snav_right dd a {
	color: #666;
	line-height: 14px;
}
/* 右侧special 部分的高亮样式 */
.highlight {
	/* color: #ff7c0c !important; */
}

/*other condition style 2014.10*/
.row2 .masonry_layout .snav_left{
	width: 380px;
}
.row4 .masonry_layout .snav_left{
	width: 760px;
}
.row4 .masonry_layout .snav_right{
	width: 205px;
}
.masonry_layout.snav_single .snav_left{
	width: 990px;
	border: none;
}
.menuWrapper{
	display: none;
}

@-webkit-keyframes navgameroll{
	from{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes navgameroll{
	from{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}