*{margin:0;padding:0}
a{text-decoration:none}

#wrap{width:1200px;}
#wrap ul li .a1 img{width:237px;height:293px;transition:all 0.2s;}
#wrap ul li:hover .a1 img{ transform:scale(1.1,1.1);transform-origin:center center}
#wrap ul li{width:237px;height:293px;list-style:none;position:relative;float:left;overflow:hidden;margin-right:1px; margin-left:2px;}
#wrap ul li .a1 span {background:#fff; position:absolute;bottom:0;left:0;width:237px;height:50px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; z-index:9;}
#wrap ul li .a1 .divA{position:absolute;bottom:0;left:0;width:210px;height:40px;padding:10px 20px; z-index:99}
#wrap ul li .a1 .divA>.p1{width:210px;height:25px;font-size:18px;line-height:50px;color:#666; padding-bottom:5px; text-align:center;}
#wrap ul li .a1 .divA>.p3{position:absolute;right:0;bottom:10px;width:75px;height:28px;color:#f60; font-weight:bold; font-size:28px;font-family:Arial;}
#wrap ul li .a1 .divA>.p3>span{font-size:24px;font-weight:800}
#wrap ul li .a2{position:absolute;top:0;left:-237px;width:237px;height:293px;text-align:center;color:#fff;}
#wrap ul li .a2 span{position:absolute;top:0;left:-237px;width:237px;height:293px;background:#000;transition:all .2s;-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;}
#wrap ul li .a2 .p4{width:237px;text-align:center;position:absolute;top:110px;left:-237px;color:#ffe605;font-size:24px;font-weight:700;transition:all .2s .1s ease-out;}
#wrap ul li .a2 .p5{width:237px;text-align:center;line-height:20px;position:absolute;top:150px;left:-237px;font-size:14px;color:#fff;transition:all .2s .2s ease-out; text-align:center;}
#wrap ul li .a2 .p6{position:absolute;top:85px;left:85px;transform:scale(1.4);transition:all .3s .2s;font-family:Arial;font-size:36px;font-weight:700;color:#fff}
#wrap ul li .a2 .p7{position:absolute;bottom:-30px;left:50%; margin-left:-50px;width:100px;height:28px;line-height:28px;border-radius:20px;border:#fff 1px solid;transition:all .2s .5s; font-size:14px;}