* {
	margin:0;
	padding:0;
}
.mid {
	width:350px;
	height:350px;
	border:1px solid #CCCCCC;
	position:relative;
}
.mid img {
	width:350px;
	height:350px;
}
.mid span {
	width:175px;
	height:175px;
	position:absolute;
	border:1px solid #AFAFAF;
	top:0;
	left:0;
	display:none;
}
.mid:hover span {
	display:block;
	background-image:url(img/bg.png);
}
.wai {
	float:left;
}
.small {
	padding:30px 0 0 50px;
}
.small img {
	width:56px;
	height:56px;
	border:1px solid #ccc;
}
.small .active {
	border:1px solid red;
}
.small img:hover {
	border:1px solid red;
}
.big {
	width:400px;
	height:400px;
	position:relative;
	float:left;
	overflow:hidden;
	border:1px solid #969696;
	display:none;
}
.big img {
	position:absolute;
	display:block;
}