.video-preview {
  display: block;
  position: relative;

  &, &:hover { text-decoration: none; }

  .fa {
    color: #fff;
    opacity: 0.9;
    text-shadow: 0 1px rgba(#000, 0.25);

    position: absolute;
    left: 50%;
    top: 50%;

    z-index: 2;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }

  .img-responsive {
    margin: 0 auto;
    opacity: 0.75;

    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    }

  &:hover{
    .fa {
      opacity: 1
    }

    .img-responsive {
      opacity: 0.85;
    }
  }
}