* {
	margin:0;
	padding:0;
}
.fd {
	width:600px;
	height:400px;
	margin:auto;
}
.fd .img {
	width:600px;
	height:400px;
}
ul,li,ol {
	list-style:none;
}
ul {
	width:601px;
	display:flex;
	justify-content:space-between;
	margin-top:10px;
}
.box {
	width:600px;
	height:400px;
}
.sm_box>img {
	width:600px;
	height:400px;
}
ul li {
	width:148px;
	height:98px;
	cursor:pointer;
	overflow:hidden;
	border:2px solid #fff;
}
ul li img {
	display:block;
	width:150px;
	height:100px;
}
ul li.active {
	border:2px solid #808000;
}
.box {
	position:relative;
	cursor:pointer;
}
.smbox {
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,0,255,0.4);
	display:none;
}
.big_box {
	width:600px;
	height:600px;
	position:absolute;
	left:600px;
	top:0;
	display:none;
	overflow:hidden;
}
.big_box img {
	transform:scale(2);
	transform-origin:top left;
	position:absolute;
	top:0;
	left:0;
}