.main-slider
{
	z-index: 0;
}
.frame-slider-stuff.index-slider
{
	height:1350px;
}
.frame-slider-stuff.product-slider
{
	height:26px;
}
.frame-slider-stuff.related-slider
{
	height:285px;
}
.frame-slider,
.main-slider
{
	position: relative;
	white-space: nowrap;
	height: 315px;
	overflow: hidden;
}
	.frame-slider div
	{
		position: absolute;
		left: 0;
		top: 0;
		outline: 1px solid #fff;
		z-index: 0;
	}
		.frame-slider img,
		.main-slider img
		{
			width: 100%;
		}
	.frame-slider .active
	{
		z-index: 1;
	}
	.frame-slider .frame-navigation-left
	{
		position: absolute;
		left: 50px;
		top: 150px;
		background: red;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 50;
	}

.stuffbox-slider
{
	
	position: relative;
}
	.bottom-position .frame-slider-stuff
	{
		margin-bottom: -50px;
		padding: 0;
	}
	.frame-slider-stuff
	{

		overflow: hidden;		
		margin-bottom: 1px;
		position: relative;
		
		will-change: animation;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
	}
	.frame-slider-stuff ul
	{
		position: absolute;
		left: 50px;
		top: 50px;
		right: 50px;
	}
	.frame-slider-stuff li
	{
		opacity: 0;
	}
	.ie9 .frame-slider-stuff li
	{
		opacity: 1;
	}
	.direction-left li
	{
		-webkit-animation: moveFromRight 250ms ease-in-out both;
				animation: moveFromRight 250ms ease-in-out both;
	}
	.direction-right li
	{
		-webkit-animation: moveFromLeft 250ms ease-in-out both;
				animation: moveFromLeft 250ms ease-in-out both;
	}
	.slide-to-left li
	{
		-webkit-animation: slideToLeft 250ms ease-in-out both;
				animation: slideToLeft 250ms ease-in-out both;
	}
	.slide-to-right li
	{
		-webkit-animation: slideToRight 250ms ease-in-out both;
				animation: slideToRight 250ms ease-in-out both;
	}

@-webkit-keyframes moveFromRight
{
	0%
	{
		-webkit-transform: translateX(100px);
	}
	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes moveFromRight
{
	0%
	{
		transform: translateX(100px);
	}
	100%
	{
		opacity: 1;
		transform: translateX(0%);
	}
}

@-webkit-keyframes moveFromLeft
{
	0%
	{
		-webkit-transform: translateX(-100px);
	}
	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes moveFromLeft
{
	0%
	{
		transform: translateX(-100px);
	}
	100%
	{
		opacity: 1;
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideToLeft
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
}

@keyframes slideToLeft
{
	0%
	{
		opacity: 1;
		transform: translateX(0);
	}
	100%
	{
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-webkit-keyframes slideToRight
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100%
	{
		opacity: 0;
		-webkit-transform: translateX(100%);
	}
}

@keyframes slideToRight
{
	0%
	{
		opacity: 1;
		transform: translateX(0);
	}
	100%
	{
		opacity: 0;
		transform: translateX(100%);
	}
}
		.slide-to-left li:nth-child(1)
		{
			-webkit-animation-delay: 90ms;
					animation-delay: 90ms;
		}
		.slide-to-left li:nth-child(2)
		{
			-webkit-animation-delay: 180ms;
					animation-delay: 180ms;
		}
		.slide-to-left li:nth-child(3)
		{
			-webkit-animation-delay: 270ms;
					animation-delay: 270ms;
		}
		.slide-to-left li:nth-child(4)
		{
			-webkit-animation-delay: 360ms;
					animation-delay: 360ms;
		}

		.slide-to-right li:nth-child(2)
		{
			-webkit-animation-delay: 90ms;
					animation-delay: 90ms;
		}
		.slide-to-right li:nth-child(1)
		{
			-webkit-animation-delay: 180ms;
					animation-delay: 180ms;
		}
		.slide-to-right li:nth-child(4)
		{
			-webkit-animation-delay: 270ms;
					animation-delay: 270ms;
		}
		.slide-to-right li:nth-child(3)
		{
			-webkit-animation-delay: 360ms;
					animation-delay: 360ms;
		}

		.direction-left li:nth-child(1)
		{
			-webkit-animation-delay: 90ms;
					animation-delay: 90ms;
		}	
		.direction-left li:nth-child(2)
		{
			-webkit-animation-delay: 180ms;
					animation-delay: 180ms;
		}
		.direction-left li:nth-child(3)
		{
			-webkit-animation-delay: 270ms;
					animation-delay: 270ms;
		}
		.direction-left li:nth-child(4)
		{
			-webkit-animation-delay: 360ms;
					animation-delay: 360ms;
		}

		.direction-right li:nth-child(2)
		{
			-webkit-animation-delay: 90ms;
					animation-delay: 90ms;
		}
		.direction-right li:nth-child(1)
		{
			-webkit-animation-delay: 180ms;
					animation-delay: 180ms;
		}
		.direction-right li:nth-child(4)
		{
			-webkit-animation-delay: 270ms;
					animation-delay: 270ms;
		}
		.direction-right li:nth-child(3)
		{
			-webkit-animation-delay: 360ms;
					animation-delay: 360ms;
		}
.frame-slider-stuff-arrowleft,
.frame-slider-stuff-arrowright
{
	position: absolute;
	height: 133px;
	width: 61px;
	cursor: pointer;
	display: block;
	z-index: 9;
	top: 50%;
	margin-top: -66px;
}
.frame-slider-stuff-arrowleft
{
	left: -45px;
	overflow: hidden;

	background: url(_shape_frame-slider-arrowleft.png)/*tpa=http://valianton.com/vineyard/assets/images/_shape_frame-slider-arrowleft.png*/ 0 0 no-repeat;
}
.frame-slider-stuff-arrowright
{
	right: -44px;

	background: url(_shape_frame-slider-arrowright.png)/*tpa=http://valianton.com/vineyard/assets/images/_shape_frame-slider-arrowright.png*/ 0 0 no-repeat;
}
	.frame-slider-stuff-arrowright:hover,
	.frame-slider-stuff-arrowleft:hover
	{
		background-position: 0 -133px;
	}
.frame-slider-list
{
	display: inline-block;
	width: 960px;
	height: 300px;
}<!--Array
(
    [label01] =>    0.00000
    [label02] =>    0.00200
    [label03] =>    0.35247
    [label04] =>    0.35248
    [label05] =>    0.35248
)
-->