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

.iblocklist{position:relative;display:block;width:100%;height:100%}

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

.iblocklist .item:hover{border:1px solid rgba(0, 0, 0, 0.5);background:rgba(255,255,255,1)}

.iblocklist .item .name,
.iblocklist .item .name a{display:block;height:70px;padding:4px;overflow:hidden;text-align:center;font-size:20px;line-height:22px;text-overflow:ellipsis;color:rgba(33,16,5,0.9)}
	.iblocklist .item .name a:hover{color:rgba(33, 16, 5, 0.7);text-decoration:none}
	
.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;width:calc(100% - 8px);height:40px;margin:25px 4px 4px;text-align:center;line-height:40px;font-size:20px;color:rgba(33,16,5,0.8);border:1px solid rgba(0,0,0,0.1);box-shadow:inset 0 0 0px 0 rgba(0,0,0,0.5);transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;box-sizing:border-box}
	.iblocklist .item .more a:hover{text-decoration:none;color:rgba(33,16,5,1);box-shadow:inset 0 0 6px 0 rgba(0,0,0,0.5)}


@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%;
	}

}