.rating-block {
    width: 150px;
    height: 32px;
}

.rating-block, .rating-block span {
    background: url("../image/rating.png") repeat-x;
}

.ratingt1 {
    background-position: 0 -90px;
}

.ratingt2 {
    background-position: 0 -90px;
}

.ratingt3 {
    background-position: 0 -90px;
}

.ratingt4 {
    background-position: 0 0;
}

.ratingt5 {
    background-position: 0 0;
}

.ratingt6 {
    background-position: 0 0;
}

.ratingt7 {
    background-position: 0 -484px;
}

.ratingt8 {
    background-position: 0 -181px;
}

.ratingt9 {
    background-position: -181px;
}

.ratingt10 {
    background-position: 0 -181px;
}

.ratingt11 {
    background-position: 0 -181px;
}

.ratingt12 {
    background-position: 0 -181px;
}

.ratingt13 {
    background-position: 0 -181px;
}

.ratingt14 {
    background-position: 0 -181px;
}

.ratingt15 {
    background-position: 0 -181px;
}

.ratingt16 {
    background-position: 0 -391px;
}

.rating-block input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.rating-block input[type="radio"].star-5:checked ~ span {
    width: 100%;
}

.rating-block input[type="radio"].star-4:checked ~ span {
    width: 80%;
}

.rating-block input[type="radio"].star-3:checked ~ span {
    width: 60%;
}

.rating-block input[type="radio"].star-2:checked ~ span {
    width: 40%;
}

.rating-block input[type="radio"].star-1:checked ~ span {
    width: 20%;
}

.rating-block label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer;
}

.ratingt1 label:hover ~ span {
    background-position: 0 -120px;
}

.ratingt2 label:hover ~ span {
    background-position: 0 -120px;
}

.ratingt3 label:hover ~ span {
    background-position: 0 -150px;
}

.ratingt4 label:hover ~ span {
    background-position: 0 -30px;
}

.ratingt5 label:hover ~ span {
    background-position: 0 -30px;
}

.ratingt6 label:hover ~ span {
    background-position: 0 -60px;
}

.ratingt7 label:hover ~ span {
    background-position: 0 -453px;
}

.ratingt8 label:hover ~ span {
    background-position: 0 -216px;
}

.ratingt9 label:hover ~ span {
    background-position: 0 -216px;
}

.ratingt10 label:hover ~ span {
    background-position: 0 -252px;
}

.ratingt11 label:hover ~ span {
    background-position: 0 -323px;
}

.ratingt12 label:hover ~ span {
    background-position: 0 -323px;
}

.ratingt13 label:hover ~ span {
    background-position: 0 -359px;
}

.ratingt14 label:hover ~ span {
    background-position: 0 -252px;
}

.ratingt15 label:hover ~ span {
    background-position: 0 -288px;
}

.ratingt16 label:hover ~ span {
    background-position: 0 -420px;
}

.rating-block label.star-5:hover ~ span {
    width: 100% !important;
}

.rating-block label.star-4:hover ~ span {
    width: 80% !important;
}

.rating-block label.star-3:hover ~ span {
    width: 60% !important;
}

.rating-block label.star-2:hover ~ span {
    width: 40% !important;
}

.stars label.star-1:hover ~ span {
    width: 20% !important;
}

.rating-block span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
}

.ratingt1 span {
    background-position: 0 -150px;
}

.ratingt2 span {
    background-position: 0 -120px;
}

.ratingt3 span {
    background-position: 0 -150px;
}

.ratingt4 span {
    background-position: 0 -60px;
}

.ratingt5 span {
    background-position: 0 -30px;
}

.ratingt6 span {
    background-position: 0 -60px;
}

.ratingt7 span {
    background-position: 0 -453px;
}

.ratingt8 span {
    background-position: 0 -252px;
}

.ratingt9 span {
    background-position: 0 -216px;
}

.ratingt10 span {
    background-position: 0 -252px;
}

.ratingt11 span {
    background-position: 0 -359px;
}

.ratingt12 span {
    background-position: 0 -323px;
}

.ratingt13 span {
    background-position: 0 -359px;
}

.ratingt14 span {
    background-position: 0 -288px;
}

.ratingt15 span {
    background-position: 0 -288px;
}

.ratingt16 span {
    background-position: 0 -420px;
}