/*base*/
.css-face{
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.newswarp3{width: 1200px;height: auto;margin: 0 auto;}
.newswarp3 ul li{margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px;}
.newswarp3 ul li a{display: block;height: 100%;width: 100%;cursor: pointer;}
.newswarp3 .pic{width: 400px;height:265px;overflow: hidden;}
.newswarp3 .pic img{display: block;width: 400px;height:265px;}
/*.newswarp3 li:hover .pic{background-color: #000;}*/
.newswarp3 li:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);} 
.newswarp3 .box{width: 700px;height: 245px;padding:10px 0}
.newswarp3 .box h2{display: block;font-size: 18px;color: #333;line-height: 22px;margin-bottom:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition:all 0.3s;-webkit-transition:all 0.3s}
.newswarp3 .box .details{font-size: 14px;color: #666;line-height: 22px;margin-bottom: 10px;}
.newswarp3 .box .details p{font-size: 14px;color: #666;line-height: 22px;}
.newswarp3 .box .time{display: block;padding-left: 22px;background: url(../img/clock.png) left center no-repeat;font-size: 14px;color: #999;line-height: 22px;}
.newswarp3 ul li:hover .box h2{color: #bb0327}