.image-box .discount {
    z-index: 1;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9167em;
    letter-spacing: .04em;
}
.image-box .discount, .image-box .has-discount:before {
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    width: 100px;
    height: 102px;
    color: #fff;
    background: url(../images/icon/discount.png) no-repeat;
}
    .image-box .discount .discount-text {
        display: inline-block;
        -webkit-transform: rotate( -45deg );
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate( -45deg );
        writing-mode: lr-tb;
        width: 100%;
        height: 100%;
        text-align: center;
    }