.frame {width:280px; height:210px; background:#fff; float:left; margin:0 0 10px 15px; display:inline;}
.wraphoto {width:280px; height:210px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wraphoto img {display:block;}
.wraphoto div {width:280px; height:210px; padding:170px 10px 10px 0; position:absolute; left:0; top:0; background:url(trans.gif);}
.wraphoto div b {display:block; width:280px; height:210px; position:absolute; left:0; top:170px; z-index:1;  background-color: rgba(40, 121, 40, 0.90);/* filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:0.90;*/}
.wraphoto div span {position:absolute; z-index:500;  }
.wraphoto div h1{width:260px; font-size:16px; color:#ff0; text-align:center; margin:0 10px; padding:0; line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wraphoto div p {font-size:12px; color:#fff; line-height:24px;padding:10px; }
.wraphoto div a{color:#ff0;  line-height:24px;border:#FC0 1px solid;font-size:12px; width:100px; margin:10px auto;}
/*.wraphoto div a {color:#ff0; text-decoration:none; display:block; text-align:center; }
*/.wraphoto div a:hover {color:#FF4000;}