/* 标签重定义 */
body{padding:0;margin:0;background:#ddd url(../img/bg.jpg) repeat;}
img{border:none;}
a{text-decoration:none;color:#444;}
a:hover{color:#999;}
#title{width:600px;margin:20px auto;text-align:center;}
/* 定义关键帧 */
@-webkit-keyframes shade{
	from{opacity:1;}
	15%{opacity:0.4;}
	to{opacity:1;}
}
@-moz-keyframes shade{
	from{opacity:1;}
	15%{opacity:0.4;}
	to{opacity:1;}
}
@-ms-keyframes shade{
	from{opacity:1;}
	15%{opacity:0.4;}
	to{opacity:1;}
}
@-o-keyframes shade{
	from{opacity:1;}
	15%{opacity:0.4;}
	to{opacity:1;}
}
@keyframes shade{
	from{opacity:1;}
	15%{opacity:0.4;}
	to{opacity:1;}
}
/* wrap */
#wrap{width:auto;height:390px;margin:0 auto;position:relative;}
#wrap .box{ height:415px;padding:10px;border:none;float:left;}
#wrap .box .info {height:390px; box-shadow:0 0 11px #666;background:#fff;}
#wrap .box .info .pic{width:100%;height:360px;margin:0 auto;overflow:hidden}
#wrap .box .info .pic:hover{
	-webkit-animation:shade 3s ease-in-out 1;
	-moz-animation:shade 3s ease-in-out 1;
	-ms-animation:shade 3s ease-in-out 1;
	-o-animation:shade 3s ease-in-out 1;
	animation:shade 3s ease-in-out 1;
}
#wrap .box .info .pic img{width:100%;border-radius:3px;}
#wrap .box .info .title{width:100%;height:30px;margin:0 auto;line-height:30px;text-align:center;color:#666;font-size:12px; overflow:hidden;}