@-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;}
}
#NewsPage { padding:95px 0; }
#NewsPage  .IT{ margin-bottom:45px;}
/* wrap */
#wrap{width:1200px;height:auto;margin:0 auto;position:relative;}
#wrap .box{width:370px;height:auto;padding:15px;border:none;float:left; cursor:pointer;}
#wrap .box .info{width:350px; height:auto; padding:10px; border-radius:8px;box-shadow:0 0 11px #ccc;background:#fff;}
#wrap .box .info .pic{width:350px;height:263px; overflow:hidden; margin-bottom:15px;}
#wrap .box:hover .info{ box-shadow:0 0 11px #333;}
#wrap .box:hover .info .pic{
	-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{height:263px; border-radius:3px;}
#wrap .box .info .title{margin:0 auto; height:35px; line-height:35px; line-height:1.8;text-align:center;color:#333;font-size:20px;font-weight:bold;overflow:hidden; margin-bottom:15px;
                        overflow:hidden; text-overflow:ellipsis; white-space: nowrap;
}
#wrap .box .info .content{ height:150px; text-indent:28px; text-align:left; line-height:1.8; overflow:hidden; }