body { background: #cccccc no-repeat fixed left top; }
    .header { background: #cccccc no-repeat fixed left top; }
    .clothes {
        position: fixed; top: 105px;
        z-index: -1;
    }
    .clothes.no-bg-image {
        background-image: none;
        margin-left: 0;
        width: 362px;
        opacity: 1;
        z-index: 1;
    }
    @media all and (max-height: 675px) {
        .clothes {
            background: url(/upload/look/0287382abdb54a92821dc9e09f08de75_thumb_1.png) 0 0 no-repeat;
            margin-left: 40px;
            width: 282px; height: 505px;
            top: 105px !important;
        }
    }
    @media all and (max-height: 844px) and (min-height: 676px) {
        .clothes {
            background: url(/upload/look/0287382abdb54a92821dc9e09f08de75_small_1.png) 0 0 no-repeat;
            margin-left: -7px;
            width: 376px; height: 674px;
            top: 105px !important;
        }
    }
    @media all and (min-height: 845px) {
        .clothes {
            background: url(/upload/look/0287382abdb54a92821dc9e09f08de75.png) 0 0 no-repeat;
            margin-left: -70px;
            width: 503px; height: 900px;
        }
    }
    @media all and (min-height: 1021px) {
        .clothes { top: auto; bottom: 45px; }
    }
            .clothe-link, .clothe-description {
                padding: 5px;
                position: absolute; left: 0;
            }
            .clothe-link {
                font-size: 0.875em;
                top: 25%;
                width: 90px;
            }
                .clothe-link .see-more:before { width: 90px; }
            .clothe-description {
                font-size: 0.85em;
                top: 50%;
                width: 110px;
            }