.frame {width:220px; height:330px; padding:10px; background:#fff; border:1px solid #ccc; float:left; margin-right:8px; 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:#000; filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;}
.wrap div span {position:relative; z-index:500;}
.wrap div h1{
	font-size:18px;
	color:#7896FE;
	text-align:center;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
.wrap div p {font-size:12px; color:#fff; line-height:16px;}
.wrap div a.info {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;}
.intro {
	font-size: 24px;
	font-weight: bold;
}