.archive-post .entery .item{width:35%;margin-top:10px}
.archive-post .entery .item .pic{height:200px}
.archive-post .entery .item .title{bottom:0;right:0;line-height:1.5;padding:100px 30px 30px;background:linear-gradient(to bottom,transparent,#000)}
.archive-post .entery .item .play-icon{backdrop-filter:blur(15px);width:60px;height:60px;top:calc(50% - 30px);right:calc(50% - 30px);background-color:rgba(255, 255, 255, 0.7);z-index:222}
.archive-post .entery .item .play-icon i{margin:auto;display:block}
.archive-post .entery .item:hover .play-icon{transform:scale(1.2);background-color:#fff}
.archive-post .entery .item:hover .title{opacity:0;bottom:-50px}


@media only screen and (min-width:920px){
.archive-post .entery .item:first-child{width:calc(65% - 20px);float:right}
.archive-post .entery .item:first-child .play-icon{transform:scale(1.5)}
.archive-post .entery .item:first-child:hover .play-icon{transform:scale(1.7)}
.archive-post .entery .item:first-child .pic{height:420px}
.archive-post .entery .item:first-child .title{font-size:23px}
.archive-post .entery .item:last-child{margin-top:20px}
}
@media only screen and (max-width:920px){
.archive-post .entery .item .title{font-size:13px;padding:100px 15px 15px}
.archive-post .entery .item{width:240px;margin:0 0 0 15px}
.archive-post .entery .item .play-icon{width:40px;height:40px;top:calc(50% - 20px);right:calc(50% - 20px)}
}