.product {
    margin: 50px auto;
    width: 280px;
    height: 370px;
    background: white;
    border: 1px solid #333;
    position: relative;
    z-index: 90;
  }
  .ribbon-wrapper {
    width: 220px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: -1px;
  }
    .ribbon {
      z-index: 1;
      font: bold 20px sans-serif;
      color: #333;
      text-align: center;
      -webkit-transform: rotate(-45deg);
      -moz-transform:    rotate(-45deg);
      -ms-transform:     rotate(-45deg);
      -o-transform:      rotate(-45deg);    
      position: relative;
      padding: 10px 0;
      top: 37px;
      left: -48px;
      width: 230px;
      border: 1px solid #fff;
      background-color: #d4050f;
      color: #fff;
    }