.blogbox{
    margin-top:30px;
}
.blogbox .blogitem{
    display:flex;
    flex-direction:column;
}
.blogbox .blogitem:not(:first-child){
    margin-top:40px;
}
.blogbox .blogitem .hd{
    align-items:center;
    display:flex;
    font-weight:bold;
    margin-left:200px;
    margin-bottom:20px;
    height:35px;
    justify-content:space-between;
    width:700px;
}
.blogbox .blogitem .hd .col{
    align-items:center;
    height:100%;
    display:flex;
}
.blogbox .blogitem .hd .oc .ctrl{
    color:green;
    width:30px;
}
.blogbox .blogitem .hd .oc .lbl{
    margin-left:10px;
}
.blogbox .blogitem .hd .panel{
    margin-left:20px;
}
.blogbox .blogitem .hd .panel .ctrl{
    margin:0;
}
.blogbox .blogitem .thumbnail{
    float:left;
    margin-bottom:25px;
    margin-right:30px;
    width:170px;
}