.box {
border: 2px solid #efefef;
border-radius: 7px;
height: 165px;
margin: 0 auto;
}

.col-sm-3 {
margin-bottom: 25px;
}

.col-sm-3 a {
color: #fff;
display: block;
}

.inner {
text-align: center;
background: rgba(0,0,0,0.6);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;

font-size: 14px;
font-weight: bold;
width: 100%;
height: 42px;
line-height: 42px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;

position: relative;
bottom: 0;
left: 0;
right: 0;
top: 120px;
}

.inner a {
display: block;
margin: 0 auto;
vertical-align: middle;
}

.inner:hover {
height: 100%;
line-height: 170%;
padding-top: 60px;

border-top-left-radius: 7px;
border-top-right-radius: 7px;
bottom: 0;
left: 0;
right: 0;
top: 0;
}

.inner span {
font-weight: normal;
font-style: italic;
}