/**
 *CSS鼠标滑过特效
 * 2016年7月3日 14:26:05
 * 作者：imo
 * 反馈：805500091@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);}