.blogslide{background-color: white; padding:30px;font-size: 0;width:1120px;margin:0 auto}
.blogslide a.firstpost{position:relative; width:560px;height:346px; padding:0; overflow:hidden;display: inline-block;font-size: 0;}
.blogslide .firstpost img{z-index:1; width:560px;height:346px }
.blogslide .firstpost h3{position:absolute;color:white;right:30px;bottom:75px;background: rgba(0,0,0, .4);font-size:16px;padding:5px;}
.blogslide .firstpost .creat_date{right:30px;bottom:40px;left:auto}

.lblogslide{display:inline-block;width:560px;height:346px;}

.blogslide a.otherpost{position:relative;width:270px;height:168px;padding:0;overflow:hidden;display: inline-block;font-size:0;margin:0 10px 0 0}
.lblogslide .marginbott{margin-bottom: 10px !important}
.blogslide .margintop{margin-top: 10px !important}
.blogslide .otherpost img{z-index:1; width:280px;height:173px }
.blogslide .otherpost h3{position:absolute;color:white;right:10px;bottom:40px;background: rgba(0,0,0, .4);font-size:10px;padding:5px;}
.blogslide .otherpost .creat_date{right:10px;bottom:10px;left:auto;font-size:8px;}
@media only screen and (max-width:1200px){
.blogslide{width:910px;}	
.blogslide a.firstpost, .blogslide .firstpost img,.lblogslide{width:455px;height:281px;}
.blogslide a.otherpost,.blogslide .otherpost img{width:217px;height:135px }	
}
@media only screen and (max-width:992px){
.blogslide{padding:3%;width:94%;}
.blogslide a.firstpost, .blogslide .firstpost img, .lblogslide{width:100%;height:auto;}
.blogslide a.otherpost{width:49%;height:auto;margin-right:1%}
.blogslide .otherpost img{width:100%;height:auto;}
.blogslide .otherpost h3{font-size: 14px;}	
}
@media only screen and (max-width:768px){
.blogslide a.otherpost{width:100%;height:auto;margin:10px 0 0 0 !important;}
.blogslide .otherpost h3{font-size: 16px;}	
}