﻿.cptch_img:hover {
	cursor: default;
	position: relative;
	z-index: 10;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}
.cptch_left:hover {
	/* move to the right and increase the size of image */
	-webkit-transform: translateX(100%) scale(3, 3);
	-moz-transform: translateX(100%) scale(3, 3);
	-o-transform: translateX(100%) scale(3, 3);
	-ms-transform: translateX(100%) scale(3, 3);
	transform: translateX(100%) scale(3, 3);
}
.cptch_right:hover {
	/* move to the left and increase the size of image */
	-webkit-transform: translateX(-100%) scale(3, 3);
	-moz-transform: translateX(-100%) scale(3, 3);
	-ms-transform: translateX(-100%) scale(3, 3);
	-o-transform: translateX(-100%) scale(3, 3);
	transform: translateX(-100%) scale(3, 3);
}
.cptch_center:hover {
	/* increase the size of image */
	-webkit-transform: scale(3, 3);
	-moz-transform: scale(3, 3);
	-o-transform: scale(3, 3);
	-ms-transform: scale(3, 3);
	transform: scale(3, 3);
}
.cptch_reload_button:hover,
.cptch_reload_button.cptch_active {
	cursor: pointer;
	opacity: 0.7;
	
	-webkit-animation: cptch_rotation 800ms infinite linear;
	animation: cptch_rotation 800ms infinite linear;
}
@-webkit-keyframes cptch_rotation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes cptch_rotation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/*
playback timings (ms):
  captures_list: 95.279
  exclusion.robots: 0.083
  exclusion.robots.policy: 0.075
  RedisCDXSource: 0.568
  esindex: 0.008
  LoadShardBlock: 76.297 (3)
  PetaboxLoader3.datanode: 84.381 (4)
  CDXLines.iter: 15.843 (3)
  load_resource: 77.908
  PetaboxLoader3.resolve: 42.047
*/