.rating {
  transform:translate(-50%,-50%) rotateY(180deg);
}

.rating .Str:hover, .Str:hover ~ .Str {
    background-position: -3px 0px;
}

.StarOn:hover>.StarOn {
    background-position: -18px 0px !important;
}



  

.rating .Str {
    background-image: url(/Content/Img/Score.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 18px;
    cursor: pointer;
    float:left;
}
.rating .Str:after {
  clear:both;
}
.rating .StarOn {background-position: -3px 0px;}
.rating .StarOff {background-position: -18px 0px;}
.rating .StarHalf {background-position: -34px 0px;}