.frame {width:220px; height:330px; padding:20px; background:#fff; border:1px solid #ccc; float:left; margin-right:20px; display:inline;}
.wrap {width:220px; height:330px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap img {display:block;}
.wrap div {width:200px; height:320px; padding:300px 10px 10px 10px; position:absolute; left:0; top:0; background:url(trans.gif);}
.wrap div b {
	display:block; 
	width:220px; 
	height:330px; 
	position:absolute; 
	left:0; 
	top:300px; 
	z-index:1; 
	background:#399; 
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity:0.50;*/
	}
.wrap div span {position:relative; z-index:500;}
.wrap div h1{font-size:22px; color:#fc0; text-align:center; margin:0; padding:0;}
.wrap div p {font-size:12px; color:#fff; line-height:16px;}
.wrap div a {color:#fc0; font-size:12px; position:absolute; left:0; top:300px; text-decoration:none; display:block; margin:0; text-align:right; width:200px;}
.wrap div a:hover {color:#ff0;}

.clear {clear:both;}