.frame { width: 200px; height: 300px; float: left; display: inline; margin-right: 1px; }
.wrap { width: 200px; height: 300px; position: relative; overflow: hidden; font-family: "Microsoft YaHei"; }
.wrap img { display: block; }
.wrap div { width: 180px; height: 290px; padding: 270px 10px 10px 10px; position: absolute; left: 0; top: 0; }
.wrap div b { display: block; width: 200px; height: 300px; position: absolute; left: 0; top: 270px; z-index: 1; }
.wrap div span { position: relative; z-index: 500; display: block; margin-left: -10px; padding: 0 10px; width: 180px; height: 300px; background: rgba(0, 0, 0, 0.5); }
.wrap div h1 { color: #fff; font: bold 16px/30px "Microsoft YaHei"; text-align: center; margin: 0; padding: 0; }
.wrap div p { color: #fff; font: 12px/18px "Microsoft YaHei"; text-align: center; }
.wrap div a { color: #fc0; font: 12px/18px "Microsoft YaHei"; position: absolute; left: 0; text-decoration: none; display: block; margin: 0; text-align: center; width: 180px; margin-top: 30px; }
.wrap div a:hover { color: #ff0; }
.clear { clear: both; }