#videospace {
	counter-reset: vcount;

}

.small_vid.kf {
			animation-name: mv_vidx;

	animation-duration: 2.25s;
}
.vspace {
	/*opacity: .9;*/
	/*z-index: 900;*/
}
.small_vid {
    /*display: block;*/
    /*counter-increment: vcount;*/
  /*counter-increment: vcount;*/

}
.animate_mv_vid {
	position: absolute;
	/*top: 0;*/
	/*left: 0;*/
	/*bottom: 0;*/
	/*right: 0;*/
	/*z-index: 200;*/
}

.small_vid::before {
	color: #fff;
	z-index: 990;
	position: absolute;
  /*counter-increment: vcount;*/
  /*content: "vcount " counter(vcount) ": ";*/
white-space: pre;

  /*content: "vcount " "z";*/
  content: "vcount " "z"   var(--vindex) ": ";
  counter-increment: vcount;
  content: "vcount " var(--vindex) ": " counter(vcount) "\A " var(--vdim2)  "\A " var(--vdim);
  content: "vcount " var(--vindex) ": " counter(vcount) "\A " "\A " var(--vdim);
}


.vid_anim.rn {
	position: absolute;
	/*z-index: 901;*/
	background-color: #00f;
	background-color: #999;
	/*background-color: #f00;*/
			animation-name: mv_vid;

	animation-duration: 2.25s;

	animation-duration: 1.25s;
	/*animation-duration: .35s;*/
	animation-duration: .75s;
	/*animation-duration: 2.25s;*/
	/*animation-duration: 1.25s !important;*/



	animation-timing-function: ease-in;
	/*animation-timing-function: ease-out;*/
	/*transition-timing-function: linear !important;*/
			left: var(--v1-left);
		top: var(--v1-top);
		width: var(--v1-width);
		height: var(--v1-height);	
		outline: 2px solid #ff0;
		outline: 2px solid #888;


}




@keyframes mv_vid {
	/*100% {*/
	/*80% {*/
	/*20% {*/
	from {
	/*from {*/
		left: var(--v0-left);
		top: var(--v0-top);
		width: var(--v0-width);
		height: var(--v0-height);
	}
	
	/*
	50% {
			left: var(--v1-left);
		top: var(--v1-top);
		width: var(--v1-width);
		height: var(--v1-height);	
	}
	*/
	to {
		left: var(--v1-left);
		top: var(--v1-top);
		width: var(--v1-width);
		height: var(--v1-height);
	}
}


















/*--vdim*/
@keyframes mv_vidx {
	/*100% {*/
	from {
		left:0px; 
		top:0px;
	}
	to {
		left:-100px; 
		top:-100px;
		}
}

@keyframes mv_vid2 {
	/*100% {*/
	from {
		left:0px; 
		top:0px;

/*
		left:var(--v-a-left);
		top:var(--v-a-top);
		width:var(--v-a-width);
		height:var(--v-a-height);


			margin-left:0%;
			*/
	}
	to {
		left:-100px; 
		top:-100px;
		/*width: 400px;*/
/*
		left:var(--v-a3-left);
		top:var(--v-a3-top);
		width:var(--v-a3-width);
		height:var(--v-a3-height);
*/

			/*outline: 2px solid blue; left:200px; top:400px;*/
			/*outline: 2px solid blue; */
			/*margin-left:-10%;*/
			/*left:-10%;*/
		}
}




















.animate_mv_vid {
	/*
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	*/
	z-index: 900;
}






.vid_moving{
	opacity: .5;
	opacity: 0;

}
.vid_anim{
	opacity: .7;
}