	.img {
		display: block;
		position: relative;
		width: 140px;
		height: 44px;
		margin: 0 auto;
		overflow: hidden;
	}
	body {
		margin: 0;
		padding: 0;
	}

	.img:hover .rolled {
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		-ms-animation-play-state: paused;
	}

	.rolled {
		position: absolute;
		top: 0;
		width: 80px;
		height: 44px;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .6)50%, rgba(255, 255, 255, 0)100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .6)), color-stop(100%, rgba(255, 255, 255, 0)));
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .6)50%, rgba(255, 255, 255, 0)100%);
		background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .6)50%, rgba(255, 255, 255, 0)100%);
		-webkit-transform: skewX(-25deg);
		-moz-transform: skewX(-25deg);
		-webkit-animation: rolled 2.5s .2s ease both infinite;
		-moz-animation: rolled 2.5s .2s ease both infinite;
		-o-animation: rolled 2.5s .2s ease both infinite;
		-ms-animation: rolled 2.5s .2s ease both infinite;
		overflow: hidden;
	}

	@-webkit-keyframes rolled {
		0% {
			left: -150px;
		}

		100% {
			left: 200px;
		}
	}

	@-moz-keyframes rolled {
		0% {
			left: -150px;
		}

		100% {
			left: 200px;
		}
	}

	@-o-keyframes rolled {
		0% {
			left: -150px;
		}

		100% {
			left: 200px;
		}
	}

	@-ms-keyframes rolled {
		0% {
			left: -150px;
		}

		100% {
			left: 200px;
		}
	}

	@keyframes rolled {
		0% {
			left: -150px;
		}

		100% {
			left: 200px;
		}
	}
