Edit in JSFiddle

div.contenedor {
    position: relative;
    width: 280px;
    height: 260px;
}

div.efecto {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    padding: 10px;
    background: blue;
}

div.efecto span {
    display: block;
    color: white;
}

div.contenedor:hover div.efecto {
    visibility: visible;
}

<div class="contenedor">
    <img src="http://desasubas.hol.es/sites/default/files/styles/catalogo/public/header3.jpg?itok=ThqRNUqr" />
    <div class="efecto">
        <span>Pedrito</span>
        <span>Puja inicial: $0.00</span>
        <span>Varones</span>
    </div>
</div>