Caixa-sombra inserida nas imagens

Ei pessoal,
tenho uma pequena solução para vocês. Tive o problema de obter uma sombra de caixa de inserção nas imagens. Por isso tento algo em CSS e funciona!

Markup

<div class="thumb">
    <a href="#">
        <img src="img.jpg" alt="avatar" title="bla">
    </a>
</div>

CSS

.thumb {
    a {
        position: relative;
        line-height: 0;
        display: inline-block;

        &:before {
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              -webkit-box-shadow: (inset 0 1px 5px rgba(0,0,0,.55);
              -moz-box-shadow: (inset 0 1px 5px rgba(0,0,0,.55);
              box-shadow: (inset 0 1px 5px rgba(0,0,0,.55);
        }
        &:hover {
              opacity: .7;
        }
    }
}