.card
{
  > .caption
  {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    display: block;
    background-color: #666;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    overflow: hidden;
    padding: 5px 10px;
    text-align: center;
    .transition(all, @animation-speed-slow, @animation-type);
    .opacity(0);
  }

  &:hover
  {
    > .caption
    {
      top: 0;
      .opacity(1);
    }
  }
}
