.index_magnifier{
    animation: indexMagnifier 1s ease-in-out infinite ;
	-webkit-animation: indexMagnifier 1s ease-in-out infinite ;
	-moz-animation: indexMagnifier 1s ease-in-out infinite ;
}
@keyframes indexMagnifier {
	  0%{ top: -23px;} 	 
	 50%{ top: -35px;} 
	100%{ top: -23px;} 
}
@-moz-keyframes indexMagnifier {
	  0%{ top: -23px;} 	 
	 50%{ top: -35px;} 
	100%{ top: -23px;} 
}
@-webkit-keyframes indexMagnifier {
	  0%{ top: -23px;} 	 
	 50%{ top: -35px;} 
	100%{ top: -23px;} 
}
.index_magnifier_shadow{
    animation: indexMagnifierShadow 1s ease-in-out infinite ;
	-webkit-animation: indexMagnifierShadow 1s ease-in-out infinite ;
	-moz-animation: indexMagnifierShadow 1s ease-in-out infinite ;
}
@keyframes indexMagnifierShadow {
	0%{ transform: scale(1); opacity: 1;}	 
	 50%{ transform: scale(.7); opacity: .3;} 
	100%{ transform: scale(1); opacity: 1;} 
}
@-moz-keyframes indexMagnifierShadow {
	  0%{ -moz-transform: scale(1); opacity: 1;}  
	 50%{ -moz-transform: scale(.7); opacity: .3;} 
	100%{ -moz-transform: scale(1); opacity: 1;} 
}
@-webkit-keyframes indexMagnifierShadow {
	  0%{ -webkit-transform: scale(1); opacity: 1;}  	 
	 50%{ -webkit-transform: scale(.7); opacity: .3;} 
	100%{ -webkit-transform: scale(1); opacity: 1;}  
}
.craftsmanWrap_show_bottom_btn .craftsmanWrap_show_bottom_btn_txt span {     
     animation: showBottomBtn 1.3s linear infinite ;
	-webkit-animation: showBottomBtn 1.3s linear infinite ;
	-moz-animation: showBottomBtn 1.3s linear infinite ;
}
@keyframes showBottomBtn {
	  0%{ left: 110%;} 	 
	 50%{ left: 115%;} 	
	100%{ left: 110%;} 	
}
@-moz-keyframes showBottomBtn {
	  0%{ left: 110%;} 	 
	 50%{ left: 115%;} 	
	100%{ left: 110%;} 	
}
@-webkit-keyframes showBottomBtn {
	  0%{ left: 110%;} 	 
	 50%{ left: 115%;} 	
	100%{ left: 110%;} 	
}

.pt_cont span:nth-child(2){
	animation: ptContSpan1 8s linear infinite ;
	-webkit-animation: ptContSpan1 8s linear infinite ;
	-moz-animation: ptContSpan1 8s linear infinite ;
}
@keyframes ptContSpan1 {
	  0%{ left: 0;} 	 
	  5%{ left: -20px;} 	
	 10%{ left: 0;}  
	100%{ left: 0;} 	
}
@-moz-keyframes ptContSpan1 {
	  0%{ left: 0;} 	 
	  5%{ left: -20px;} 	
	 10%{ left: 0;}  
	100%{ left: 0;}  
}
@-webkit-keyframes ptContSpan1 {
	  0%{ left: 0;} 	 
	  5%{ left: -20px;} 	
	 10%{ left: 0;}  
	100%{ left: 0;} 	
}
.pt_cont span:nth-child(3){
	animation: ptContSpan2 8s linear infinite ;
	-webkit-animation: ptContSpan2 8s linear infinite ;
	-moz-animation: ptContSpan2 8s linear infinite ;
}
@keyframes ptContSpan2 {
	  0%{ left: 0;} 
	 20%{ left: 0;} 
	 25%{ left: -20px;} 	
	 30%{ left: 0;}  
	100%{ left: 0;} 	
}
@-moz-keyframes ptContSpan2 {
	  0%{ left: 0;} 
	 20%{ left: 0;} 
	 25%{ left: -20px;} 	
	 30%{ left: 0;}  
	100%{ left: 0;} 	
}
@-webkit-keyframes ptContSpan2 {
	  0%{ left: 0;} 
	 20%{ left: 0;} 
	 25%{ left: -20px;} 	
	 30%{ left: 0;}  
	100%{ left: 0;} 		
}
.pt_cont span:nth-child(4){
	animation: ptContSpan3 8s linear infinite ;
	-webkit-animation: ptContSpan3 8s linear infinite ;
	-moz-animation: ptContSpan3 8s linear infinite ;
}
@keyframes ptContSpan3 {
	  0%{ left: 0;} 
	 40%{ left: 0;} 
	 45%{ left: -20px;} 	
	 50%{ left: 0;}  
	100%{ left: 0;} 	
}
@-moz-keyframes ptContSpan3 {
	  0%{ left: 0;} 
	 40%{ left: 0;} 
	 45%{ left: -20px;} 	
	 50%{ left: 0;}  
	100%{ left: 0;}  	
}
@-webkit-keyframes ptContSpan3 {
	  0%{ left: 0;} 
	 40%{ left: 0;} 
	 45%{ left: -20px;} 	
	 50%{ left: 0;}  
	100%{ left: 0;} 		
}
.pt_cont span:nth-child(5){
	animation: ptContSpan4 8s linear infinite ;
	-webkit-animation: ptContSpan4 8s linear infinite ;
	-moz-animation: ptContSpan4 8s linear infinite ;
}
@keyframes ptContSpan4 {
	  0%{ left: 0;} 
	 60%{ left: 0;} 
	 65%{ left: -20px;} 	
	 70%{ left: 0;}  
	100%{ left: 0;} 	
}
@-moz-keyframes ptContSpan4 {
	  0%{ left: 0;} 
	 60%{ left: 0;} 
	 65%{ left: -20px;} 	
	 70%{ left: 0;}  
	100%{ left: 0;}  	
}
@-webkit-keyframes ptContSpan4 {
	  0%{ left: 0;} 
	 60%{ left: 0;} 
	 65%{ left: -20px;} 	
	 70%{ left: 0;}  
	100%{ left: 0;} 		
}
.pt_cont span:nth-child(6){
	animation: ptContSpan5 8s linear infinite ;
	-webkit-animation: ptContSpan5 8s linear infinite ;
	-moz-animation: ptContSpan5 8s linear infinite ;
}
@keyframes ptContSpan5 {
	  0%{ left: 0;} 
	 80%{ left: 0;} 
	 85%{ left: -20px;} 	
	 90%{ left: 0;}  
	100%{ left: 0;} 	
}
@-moz-keyframes ptContSpan5 {
	  0%{ left: 0;} 
	 80%{ left: 0;} 
	 85%{ left: -20px;} 	
	 90%{ left: 0;}  
	100%{ left: 0;}  	
}
@-webkit-keyframes ptContSpan5 {
	  0%{ left: 0;} 
	 80%{ left: 0;} 
	 85%{ left: -20px;} 	
	 90%{ left: 0;}  
	100%{ left: 0;}		
}
.bottom_shoe_Left{
	animation: bottomShoeLeft 8s ease-in-out infinite ;
	-webkit-animation: bottomShoeLeft 8s ease-in-out infinite ;
	-moz-animation: bottomShoeLeft 8s ease-in-out infinite ;
}
@keyframes bottomShoeLeft {
	  0%{ top: 220px;} 
	 50%{ top: 360px;} 
	100%{ top: 220px;} 	
}
@-moz-keyframes bottomShoeLeft {
	  0%{ top: 220px;} 
	 50%{ top: 360px;} 
	100%{ top: 220px;} 	
}
@-webkit-keyframes bottomShoeLeft {
	  0%{ top: 220px;} 
	 50%{ top: 360px;} 
	100%{ top: 220px;} 		
}
.bottom_shoe_Right{
	animation: bottomShoeRight  9s 1s ease-in-out infinite ;
	-webkit-animation: bottomShoeRight  9s 1s ease-in-out infinite ;
	-moz-animation: bottomShoeRight  9s 1s ease-in-out infinite ;
}
@keyframes bottomShoeRight {
	  0%{ top: 855px;} 
	 50%{ top: 700px;} 
	100%{ top: 855px;} 
}
@-moz-keyframes bottomShoeRight {
	  0%{ top: 855px;} 
	 50%{ top: 700px;} 
	100%{ top: 855px;} 
}
@-webkit-keyframes bottomShoeRight {
	  0%{ top: 855px;} 
	 50%{ top: 700px;} 
	100%{ top: 855px;} 		
}
.index_demo_1{
	opacity: 1;
	animation: indexDemo1 22s linear infinite ;
	-webkit-animation: indexDemo1 22s linear infinite ;
	-moz-animation:indexDemo1 22s linear infinite ;	
}
@keyframes indexDemo1 {
	  0%{ opacity: 1;}
	 45%{ opacity: 1; left:0;}
	 50%{ opacity: 0; left:-100%;}
	 95%{ opacity: 0; left:-100%;}
	100%{ opacity: 1; left:0%;}			
}
@-moz-keyframes indexDemo1 {
	  0%{ opacity: 1;}
	 45%{ opacity: 1; left:0;}
	 50%{ opacity: 0; left:-100%;}
	 95%{ opacity: 0; left:-100%;}
	100%{ opacity: 1; left:0%;}				
}
@-webkit-keyframes indexDemo1 {
	  0%{ opacity: 1;}
	 45%{ opacity: 1; left:0;}
	 50%{ opacity: 0; left:-100%;}
	 95%{ opacity: 0; left:-100%;}
	100%{ opacity: 1; left:0%;}		 	
}
.index_demo_2{
	opacity: 1;
	animation: indexDemo2 22s linear infinite ;
	-webkit-animation: indexDemo2 22s linear infinite ;
	-moz-animation:indexDemo2 22s linear infinite ;	
}
@keyframes indexDemo2 {
	  0%{ opacity: 1;}
	 45%{ opacity: 1; left:auto; right:0;}
	 50%{ opacity: 0; left:auto; right:-100%;}
	 95%{ opacity: 0; left:auto; right:-100%;}
	100%{ opacity: 1; left:auto; right:0%;}			
}
@-moz-keyframes indexDemo2 {
	  0%{ opacity: 1;}
	 45%{ opacity: 1; left:auto; right:0;}
	 50%{ opacity: 0; left:auto; right:-100%;}
	 95%{ opacity: 0; left:auto; right:-100%;}
	100%{ opacity: 1; left:auto; right:0%;}				
}
@-webkit-keyframes indexDemo2 {
	  0%{ opacity: 1;}
	 45%{ opacity: 1; left:auto; right:0;}
	 50%{ opacity: 0; left:auto; right:-100%;}
	 95%{ opacity: 0; left:auto; right:-100%;}
	100%{ opacity: 1; left:auto; right:0%;}		 	
}