#newslist{
	overflow:hidden;
}
#newslist >div{
	float: left;
    width: 30%;
    margin: 0 1.5% 50px;
}
#newslist .list .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;}
#newslist .list .photo a img{width:100%;}
#newslist{position:relative;margin-bottom:130px;}
#newslist .list{margin:15px;}
#newslist .list p{margin:20px 0 0;transition:all linear 0.3s;opacity:1;text-align: center;font-size: 13px;color: #868686;}
#newslist .list p a{color: #969696;}
#newslist .list h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:110%;margin-top:5px;transition:all linear 0.3s;text-align: center;}
#newslist .list:hover p{transform:translateY(24px);opacity:0;}
#newslist .list:hover h2{transform:translateY(-24px);}
#newslist .list h2 a{color:#464646;font-size:17px;}
#newslist .list .photo a{transition:all linear 0.3s;}
#newslist .list:hover .photo a{box-shadow:0 0 7px rgba(0, 0, 0, 0.16);}
#newslist .list h3{
	font-weight: normal;
    overflow: hidden;
    height: 2.5em;
    margin-top: 5px;
    color: #828080;
    line-height: 130%;
	font-size: 13px;
}

@media screen and (max-width:980px){
	#newslist >div{
		width: 45%;
		margin: 0 2.5% 50px;		
	}
}
@media screen and (max-width:640px){
	#newslist >div{
		width: 48%;
		margin: 0 1% 50px;		
	}
}
@media screen and (max-width:480px){
	#newslist >div{
		width: 50%;
		margin: 0 0 30px;		
	}
	#newslist .list{
		margin:10px;
	}
	#newslist .list h2 a{font-size:15px;line-height: 110%;}
	#newslist .list p{font-size:12px;}
	#newslist .list h3{
		font-size: 14px;
	}
	#newslist .list h2{
		margin:0;
		white-space: inherit;
		text-overflow: inherit;
		height: 60px;
	}
}