.iblocklist-wrapper {position:relative;display:block;width:75%;height:100%;margin:4px 0 0 25%}
.iblocklist {position:relative;display:block;width:100%;height:100%}

.iblocklist .item{display:block;width:calc(33.3% - 4px);float:left;height:500px;margin:0 0 4px 4px;padding:1%;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}
	.iblocklist .item:hover{border:1px solid rgba(0,0,0,.3)}

.iblocklist .item .name,
.iblocklist .item .name a {display:block;height:50px;padding:0 10px 10px;overflow:hidden;text-align:center;font-size:22px;line-height:22px;text-overflow:ellipsis;color:rgba(21,19,17,.9)}
	.iblocklist .item .name a:hover {color:rgba(21,19,17,1)}
	
.iblocklist .item .pic {
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.iblocklist .item .pic img{height:300px}

.article-info{text-align:center;font-size:22px}

.iblocklist .item .more a{display:block;height:40px;margin-top:30px;text-align:center;line-height:40px;font-size:20px;color:rgba(255,255,255,.9);background:rgba(21,19,17,.9)}
	.iblocklist .item .more a:hover{color:rgba(255,255,255,1);background:rgba(21,19,17,1)}


@media screen and (max-width:885px){

	.iblocklist-wrapper{width:100%;margin:0}
	.iblocklist .item{width:calc(100% - 8px);height:100%;margin:0 4px 60px;padding:10px;}
	.iblocklist .item .name,
	.iblocklist .item .name a {
		height:50px;
		font-size:22px;
		line-height:22px;
	}
	.iblocklist .item .more a {
		font-size:18px;
	}
	.article-info {
		font-size:16px;
	}
	.iblocklist .item .info {
		height:105px !important;
	}
	.info .text {
		font-size:15px;
	}
	.iblocklist .item .more a {
		margin-top:5px;
	}
	.article-info span {
		float:right;
		margin-top:5px;
		font-size:12px;
	}
	.iblocklist .item .pic,
	.iblocklist .item .info{
		width:100%;
	}

}