  .glossy {
    position: relative;
    margin: 0 15px 15px 0;
    display: inline-block;
  }

  .glossy:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 6px;
    box-shadow: 
      0 1px 0 rgba(255, 255, 255, 0.3) inset, 
      0 0 1px rgba(255, 255, 255, 0.5) inset, 
      0 1px 2px rgba(0, 0, 0, 0.15);
    background-image: 
      /* vignette */
      -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 230, from(transparent), to(rgba(0,0,0,.4)), color-stop(.6,transparent)), 
      /* gradient */
      -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.4))),
      /* reflection */
      -webkit-gradient(linear, left top, right 100%, color-stop(0.5, rgba(255, 255, 255, 0.08)), color-stop(0.501, rgba(255, 255, 255, 0)));
      -webkit-background-clip: padding-box;
  }

  .glossy img {
    border-radius: 7px; /* 1px more than .shine:before, fixing the background bleed */
    vertical-align: top;
  }

  .glossy div {
    border-radius: 7px; /* 1px more than .shine:before, fixing the background bleed */
    vertical-align: top;
  }