.production-list li a,
.production-list li a:hover {
	display: block;
	text-decoration: none;
	outline: none;
}
.img_anime {
	display: block;
	width: 220px;
	height: 163px;
	margin: 0 auto 25px;
}
.img_anime img {
	border: none;
	outline: none;
}

#animate1 .oshover,
#animate1 .coleso {
	display: none;
}
#animate1 .coleso {
	position: absolute;
	margin: 90px 0 0 10px;
}
#animate1 .coleso2 {
	margin-left: 130px;
}
#animate1:hover .coleso {
	display: inline-block;
	animation: rot_col 1s 1000;
	-ms-animation: rot_col 1s 1000;
	-moz-animation: rot_col 1s 1000;
	-webkit-animation: rot_col 1s 1000;
	animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
#animate1:hover .osh {
	display: none;
}
#animate1:hover .oshover {
	display: inline-block;
}

@keyframes  rot_col {
0%   {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

@-moz-keyframes  rot_col {
0%   {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes  rot_col {
0%   {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(360deg);}
}

@-webkit-keyframes  rot_col {
0%   {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(359deg);}
}



#animate2 .oshover,
#animate2 .el2 {
	display: none;
}
#animate2 .el2 {
	position: absolute;
	margin: 27px 0 0 80px;
}
#animate2:hover .el2 {
	display: inline-block;
	animation: an2el 1s 1000;
	-ms-animation: an2el 1s 1000;
	-moz-animation: an2el 1s 1000;
	-webkit-animation: an2el 1s 1000;
	animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
#animate2:hover .osh {
	display: none;
}
#animate2:hover .oshover {
	display: inline-block;
}

@keyframes  an2el {
0%   {margin-top: 27px;}
33%  {margin-top: 5px;}
66%  {margin-top: 45px;}
100%  {margin-top: 27px;}
}

@-moz-keyframes  an2el {
0%   {margin-top: 27px;}
33%  {margin-top: 5px;}
66%  {margin-top: 45px;}
100%  {margin-top: 27px;}
}
@-ms-keyframes  an2el {
0%   {margin-top: 27px;}
33%  {margin-top: 5px;}
66%  {margin-top: 45px;}
100%  {margin-top: 27px;}
}

@-webkit-keyframes  an2el {
0%   {margin-top: 27px;}
33%  {margin-top: 5px;}
66%  {margin-top: 45px;}
100%  {margin-top: 27px;}
}




#animate3 .oshover,
#animate3 .ba {
	display: none;
}
#animate3 .ba {
	position: absolute;
	margin: 0;
}
#animate3:hover .ba {
	display: inline-block;
	animation: anba 1s 1000;
	-ms-animation: anba 1s 1000;
	-moz-animation: anba 1s 1000;
	-webkit-animation: anba 1s 1000;
	animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
#animate3:hover .osh {
	display: none;
}
#animate3:hover .oshover {
	display: inline-block;
}


@keyframes  anba {
0%   {transform: rotate(0deg);}
20%   {transform: rotate(5deg);}
40%   {transform: rotate(0deg);}
60%   {transform: rotate(-5deg);}
100% {transform: rotate(0deg);}
}

@-moz-keyframes  anba {
0%   {-moz-transform: rotate(0deg);}
20%   {-moz-transform: rotate(5deg);}
40%   {-moz-transform: rotate(0deg);}
60%   {-moz-transform: rotate(-5deg);}
100% {-moz-transform: rotate(0deg);}
}
@-ms-keyframes  anba {
0%   {-ms-transform: rotate(0deg);}
20%   {-ms-transform: rotate(5deg);}
40%   {-ms-transform: rotate(0deg);}
60%   {-ms-transform: rotate(-5deg);}
100% {-ms-transform: rotate(0deg);}
}

@-webkit-keyframes  anba {
0%   {-webkit-transform: rotate(0deg);}
20%   {-webkit-transform: rotate(5deg);}
40%   {-webkit-transform: rotate(0deg);}
60%   {-webkit-transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);}
}

#animate4 {
	overflow: hidden;
}
#animate4 .oshover,
#animate4 .dd {
	display: none;
}
#animate4 .dd {
	position: absolute;
	margin: 60px 0 0 30px;
	background: url('../images/img_anim/d4.png') no-repeat;
	width: 56px;
	height: 90px;

}
.d4d {
	margin-top: 64px;
}

#animate4:hover .dd {
	display: inline-block;
	animation: and4d 3s 1000;
	-ms-animation: and4d 3s 1000;
	-moz-animation: and4d 3s 1000;
	-webkit-animation: and4d 3s 1000;
	animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
#animate4:hover .osh {
	display: none;
}
#animate4:hover .dd,
#animate4:hover .oshover {
	display: inline-block;
}

@keyframes  and4d {
0%   {margin-left: 30px;}
25%  {margin-left: 60px;}
75%  {margin-left: 5px;}
100%  {margin-left: 30px;}
}

@-moz-keyframes  and4d {
0%   {margin-left: 30px;}
25%  {margin-left: 60px;}
75%  {margin-left: 5px;}
100%  {margin-left: 30px;}
}
@-ms-keyframes  and4d {
0%   {margin-left: 30px;}
25%  {margin-left: 60px;}
75%  {margin-left: 5px;}
100%  {margin-left: 30px;}
}

@-webkit-keyframes  and4d {
0%   {margin-left: 30px;}
25%  {margin-left: 60px;}
75%  {margin-left: 5px;}
100%  {margin-left: 30px;}
}

#animate4:hover .d4d {
	display: inline-block;
	animation: andd 4s 1000;
	-ms-animation: andd 4s 1000;
	-moz-animation: andd 4s 1000;
	-webkit-animation: andd 4s 1000;
	animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

@keyframes  andd {
0%   {margin-top: 64px;}
25%  {margin-top: 24px;}
50%  {margin-top: 64px;}
75%  {margin-top: 24px;}
100%  {margin-top: 64px;}
}

@-moz-keyframes  andd {
0%   {margin-top: 64px;}
25%  {margin-top: 24px;}
50%  {margin-top: 64px;}
75%  {margin-top: 24px;}
100%  {margin-top: 64px;}
}
@-ms-keyframes  andd {
0%   {margin-top: 64px;}
25%  {margin-top: 24px;}
50%  {margin-top: 64px;}
75%  {margin-top: 24px;}
100%  {margin-top: 64px;}
}

@-webkit-keyframes  andd {
0%   {margin-top: 64px;}
25%  {margin-top: 24px;}
50%  {margin-top: 64px;}
75%  {margin-top: 24px;}
100%  {margin-top: 64px;}
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#animate1 .coleso {
	  margin: 90px 0 0 18px;
	}
	#animate1 .coleso2 {
		margin-left: 138px;
	}
	#animate3 .ba {
		margin-left: 11px;
	}
}