.details-holder
{
    float: left;
    position: relative;
    margin: 20px 12px 100px 5px;
}
.show-details img
{
    opacity: 0.5;
    width: 200px;
    height: 80px;
}
.show-details:hover img
{
    position: relative;
    opacity: 1;
    z-index: 99;   
}
.img-info
{
    padding: 100px 10px 0px 10px;
    position: absolute;
    z-index: 20;
    top: -10px;
    left: -10px;
    width: 200px;
    height: 100px;   
    background-color: #fa5;
    color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 8px 5px -6px #fa5;   
    transition: 0.5s Ease;
    opacity: 0;   
}
.show-details:hover .img-info
{
    opacity:1;   
}
.details-holder h3
{
    font-size: 1.1em;
    text-transform: uppercase;   
}
.details-holder p
{
    font-size: 1em;
}