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

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

.iblocklist .item {position:relative;float:left;display:block;width:calc(25% - 4px);height:300px;margin:0 2px 4px;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}

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

.iblocklist .item .name,
.iblocklist .item .name a {display:block;height:40px;padding:4px;overflow:hidden;text-align:center;font-size:22px;line-height:40px;text-overflow:ellipsis;color:rgba(33,16,5,.9)}
	.iblocklist .item .name a:hover {color:rgba(33,16,5,.7);text-decoration:none}
.iblocklist .item .name {position:absolute;left:0;top:0;width:100%}
	
.iblocklist .item .pic {display:block;width:100%;height:100%;text-align:center}

.iblocklist .item .pic img {display:inline-block;height:220px;margin:40px 0 0}

.article-info {position:absolute;display:block;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;font-size:24px}

.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,.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,.5)}


@media screen and (max-width:885px)
{
	.iblocklist-wrapper{width:100%;margin:0}
	.iblocklist .item{width:calc(100% - 8px);height:100%;margin:0 4px 50px;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%;
	}
}