@charset "utf-8";
body{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
	padding: 0;
}
#outBox{
	width: 1202px;
	height: 500px;
	margin: 2px auto; 
}
.w{
	width: 580px;
	height: 414px;
}
.w img{
	width: 580px;
	height: 414px;
}
.leftBox{
	width: 580px;
	height: 525px;
	float: left;
}
.normalBox{
	overflow: hidden;
	position: relative;
	border:1px #e6e5e5 solid;
}
.normalBox .w{
	display: none;
}
.botBox{
	width: 600px;
	height: 108px;
	background: white;
	overflow: hidden;
}
.botBox ul li{;
	float: left;
	width: 140px;
	height: 107px;
	margin-right: 3px;
	margin-left:3px;
	opacity: 0.5;
}
.botBox ul li img{ width:136px; margin-top:9px; height:94px;border: 2px solid #14a0ec; }
.bord{ transition:none !important;
	   background:url(/templets/new/images/pro_07.jpg) top  no-repeat;  
	   opacity: 1 !important;text-align:center;
}
.bord img{margin-top:10px !important;width:134px !important; border:2px solid #ff0042 !important ;  height:92px !important;  transition:none !important;}
.moveBox{  transition:none !important;
	width: 300px;
	height: 220px;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}
.magBox{transition:none !important;
	width: 580px;
	height: 415px;
	border: 3px solid #000;
	position: relative;
	float: left;
	left:10px;
	overflow: hidden;
	display: none;
	background:#FFF;
} 
.magBox ul li{transition:none !important;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#n,.m{
	display: block !important;
}
.box{
	width: 110px;
	margin: auto;
}