#div1 {
	width:256px;
	height:183px;
	padding:5px;
	border:1px solid #ccc;
	position:relative;
}
#div1 .small_pic {
	width:256px;
	height:183px;
	background:#eee;
	position:relative;
}
#div1 .small_pic img {
	width:256px;
}
#div1 .float_layer {
	width:50px;
	height:50px;
	border:1px solid #000;
	background:#fff;
	filter:alpha(opacity:30);
	opacity:0.3;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#div1 .mark {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	background:red;
	filter:alpha(opacity:0);
	opacity:0;
}
#div1 .big_pic {
	position:absolute;
	top:-1px;
	left:268px;
	width:300px;
	height:300px;
	overflow:hidden;
	border:2px solid #ccc;
	display:none;
}
#div1 .big_pic img {
	position:absolute;
	top:-30px;
	left:-80px;
}