.rating {
    overflow: hidden;
    display: inline-block;
}

.rating-input {
    float: right;
    width: 47px;
    height: 47px;
    padding: 0;
    margin: 0 0 0 -47px;
    opacity: 0;
}

.rating-star {
    position: relative;
    float: right;
    display: block;
    width: 47px;
    height: 47px;
    background: url('../images/star.png') 0 -47px;
}

.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}