.box-crew{
border:0px solid #3a6cb4; /* рамка */
height:100px;
position:relative;
width:220px;
overflow:hidden;
border-radius: 10px; /* закругление углов для всех, кто понимает */

    display: block;
    margin: 20px;
    float: left;
    background: #3a6cb4;
    position: relative;
    box-shadow:    
        0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset,
        0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset,
        0px 0px 0px 7px ##3a6cb4, 
        0px 0px 1px 8px rgba(188, 188, 188, 0.4),
        0px 0px 0px 9px ##3a6cb4;
    transition: all 0.3s linear;
}
 
.box-crew span{
background-color:rgba(0, 0, 0, 0.4);
top:-100px;
transition-duration:0.6s;
padding:10px 0;
position:absolute;
text-align:center;
color:#fff; /* цвет текста */
font-size:12px;
font-weight:bold;
line-height:16px;
margin:0;
display:block;
width:100%;
}
 
div.box-crew:hover span{
top:0;
}