.container_one {
    background-image: url("/themes/Acme/public/assets/img/bg_1.jpg");
}
.container_box .container{
    padding: 15px 0;
}

.blog-item{
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.article-right{
}
.avatar_top {
    padding: 6px 12px;
    background: white;
    border-radius: 5px;
}
.post_title{
    border-bottom: 1px solid #f6f6f6;
    display: flex;
    justify-content: space-between;
}
.post_title .st-view{
    margin-top: 0;
    line-height: 30px;
}
.post_title .text-left{
    color: black;
    font-size: 20px;
    width: 250px;
}

/*Self区域*/
.selfs{
    padding-bottom:40px;
}
.self_a{
    position: relative;
    box-sizing: border-box;
}
.container .row h4{
    position: relative;
    font-size: 18px;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
}

.container .row h4 i{
    position: absolute;
    left: 0;
    height: 20px;
    width: 5px;
    background: #ff3a3a;
    border-radius: 2px;
}
.container .row h4 a{
    float: right;
    color: #999;
    font-size: 14px;
}
.self_a,.medib{
    padding: 15px 7.5px 15px 7.5px;
    box-sizing: border-box;
}
.midia .midia_a{
    padding: 15px 7.5px 15px 7.5px;
}
.midia_a{
    display: block;
}
/*.medib a{*/
/*}*/
.selfs div a img,.blog-post img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.media-body{
    position: absolute;
    width: 100%;
    height: 62px;
    bottom: 0;
    text-align: center;
    border-radius: 0 0 10px 10px;
    padding: 0 15px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
}
.media-body a{
    color: white;
    border-radius: 10px;
}
.media-body p{
    height: 100%;
    margin: 0;
    line-height: 85px;
}
.media-body p span{
    float: right;
}
.icon-play{
    position:absolute;
    left:50%;
    top:50%;
    margin:-26px 0 0 -26px;
    width:52px;
    height:52px;
    background:url("/themes/Acme/public/assets/img/video-icon.png") -40px 0;
    transition:transform .3s;
}
.m1{
    position: relative;
    transition: .3s;
    border-radius: 10px;
}
.m1:hover{
    box-shadow:0 5px 30px rgba(0,0,0,0.3);
    transform:translate3d(0,-3px,0);
}
.m1:hover .icon-play{
    background:url("/themes/Acme/public/assets/img/video-icon.png") -100px 0;
    transform:translate3d(0,-3px,0);
}
.midia_a:hover .icon-play{
    background:url("/themes/Acme/public/assets/img/video-icon.png") -100px 0;
    transform:translate3d(0,-3px,0);
}