.rating{
	overflow: hidden;
	display: inline-block;
	width: auto;
	height: 30px;
	margin-left: 5%;
}
.rating > input{
	opacity: 0;
	margin-right: -100%;
}
.rating > label{
	position: relative;
	display: block;
	float: right;
	background: url('../images/star-off-big.png');
	background-size: 30px 30px;
}
.rating > label:before{
	display: block;
	opacity: 0;
	content: '';
	width: 30px;
	height: 30px;
	background: url('../images/star-on-big.png');
	background-size: 30px 30px;
	transition: opacity 0.2s linear;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating:not(:hover) > :checked ~ label:before{
	opacity: 1;
}