.a_done{
    display: inline-block;
	width: 200px;
    height: 200px;
    margin-left: 20px;
    margin-top: 20px;
}
.a_undone{
    display: inline-block;
	width: 350px;
    height: 350px;
    border: 5px;
    border-style: double;
    border-color: #ffe9ce;
}
a div{
    background: #000;  /* У блока, оборачивающего картинку при наведении будет просвечивать черный фон */
    overflow: hidden;  /* Ограничиваем видиую область */
}
a div img{
    opacity: 1;
    transition: opacity 124ms linear, transform 124ms linear;  /* Плавное изменение прозрачности и увеличения */
	width: 100%;
	height: auto;
    display: block; /* Убираем полосу под картинкий */
}
a:hover div img{
    opacity: 0.8; /* Высветляем картинку, но она становится темнее, так как под ней черный фон */
    transform: scale(1.06); /* Увеличение картинки */
}