/**
 *CSS榧犳爣婊戣繃鐗规晥
 * 2016骞?鏈?鏃 14:26:05
 * 浣滆€咃細imo
 * 鍙嶉锛?05500091@qq.com 
 * 杞荤偣鍠?..
 **/

/*****鍏ㄥ眬閫氱敤*****/
*{padding:0;margin:0;font-family:"寰蒋闆呴粦"}
h2{margin:15px 0;font-weight: 300;}
.content{margin: 0 auto;max-width:728px;margin-top:20px;text-align:center}


.style3{
	float: left;
	height: 403px;
	width: 502px;
	padding-top: 250px;
	padding-left: 462px;
}

/*****榧犳爣鎮仠鏁翠綋鏃嬭浆*****/
.style3 ul li{float:left;margin:0px;position:relative;list-style:none}
.style3 ul li{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.style3 ul li img{
	width: 196px;
	height: 144px;
	border-radius: 2px;
	border: 1px dashed #CC6600;
	padding: 10px;
	margin: 15px;
}
.style3 ul li span{background:rgba(0, 0, 0, 0.5);color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height: 23px;position:absolute;bottom: 3px;width: 170px;left:0;font-size:12px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.style3 ul li:hover { transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);  -ms-transform:rotate(360deg);}