.box {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:800px
}
.con {
	position:relative;
}
.con .img {
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	width:100%;
}
.conshowed {
	position:absolute;
	width:0;
	height:100%;
	top:0;
	left:0;
	background:url(http://www.jq22.com/img/cs/500x300-1.png) no-repeat;
	animation:mymove 3s linear infinite;
	-webkit-animation:mymove 3s linear infinite;
	/*Safari and Chrome*/z-index:99
}
@keyframes mymove {
	from {
	width:0;
}
to {
	width:100%;
}
}@-webkit-keyframes mymove /*Safari and Chrome*/ {
	from {
	width:0;
}
to {
	width:100%;
}
}