.rating {
    position: relative;
    width: 135px;
    margin: 10px 0;
    background: url(../img/rating-star.png)
}

.rating li.current {
    z-index: 1;
    background: url(../img/rating-star.png) left bottom
}

.rating li span[class*=star] {
    position: absolute;
    z-index: 5;
    display: block;
    width: 27px;
    height: 19px;
    cursor: pointer;
    transition: none;
}

.rating li span[class*=star]:hover {
    left: 0;
    z-index: 2;
    background: url(../img/rating-star.png) left bottom
}

.rating li span.star1 {
    left: 0
}

.rating li span.star1:hover {
    width: 27px
}

.rating li span.star2 {
    left: 27px
}

.rating li span.star2:hover {
    width: 54px
}

.rating li span.star3 {
    left: 54px
}

.rating li span.star3:hover {
    width: 81px
}

.rating li span.star4 {
    left: 81px
}

.rating li span.star4:hover {
    width: 108px
}

.rating li span.star5 {
    left: 108px
}

.rating li span.star5:hover {
    width: 135px
}