.col-md-2.article-grid{
border:1px solid #000000;
position:relative;
background:#242a2c;
padding:0;
}
.article-grid img{
width:100%;
opacity:0.2;
}
.article-grid a {
display:block;
}
.article-grid:hover div.article-info {
display:block;
}
.article-info p{
margin:0 0 10px 0;
font-size:16px;
font-weight:400;
color:#ffffff;
display:inline-block;
}
.article-info {
background:#242a2c;
position:absolute;
bottom:0%;
display:none;
padding:15px 20px;
}
.article-info p:nth-child(2) {
  font-size: 12px;
  color: #63c6ae;
  margin: 0 0 0 0;
  }
.article-info p a.plus{
width:10px;
height:10px;
display:inline-block;
background:url(../images/plus.png) no-repeat 0px 0px;
margin-left: 106px;
}