.frame {width:290px; height:190px; padding:10px; background:#fff; border:1px solid #ccc; float:left; margin-right:8px; display:inline;}
.wrap {width:290px; height:190px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap img {display:block;}
.wrap div {width:280px; height:190px; padding:310px 10px 10px 10px; position:absolute; left:0; top:0; background:url(trans.gif);}
.wrap div b {
	display:block;
	width:290px;
	height:300px;
	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;
	background-color: #333333;
}
.wrap div span {position:relative; z-index:500;}
.wrap div h1{
	font-size:22px;
	color:#FFCC00;
	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:-5px;
	top:100px;
	text-decoration:none;
	display:block;
	margin:0;
	text-align:right;
	width:300px;
}
.wrap div a:hover {color:#ff0;}

.clear {clear:both;}