/* Basic carousel styles */
.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {	
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

.jcarouselv{
    position: relative;
    overflow: hidden;
}

.jcarouselv ul {	
    height: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarouselv li {
    /*float: left;*/
}

/* seen list */
.jcarousel-skin-seen{
    margin: 0px auto 0px auto;
	position: relative;
}
.jcarousel-skin-seen .jcarousel{
	width:1100px;	
	margin: 0 50px;
}
.jcarousel-skin-seen .jcarousel li{
	width:275px;		
	overflow: visible;
}

.jcarousel-skin-seen .jcarousel-control-prev, .jcarousel-skin-seen .jcarousel-control-next {
	position:absolute;
	display: block;
	top:70px;
	width:48px;
	height:48px;
	cursor:pointer;
	z-index: 6;
	opacity: 0.8;
}
.jcarousel-skin-seen .jcarousel-control-prev:hover, .jcarousel-skin-seen .jcarousel-control-next:hover{opacity: 1;}
.jcarousel-skin-seen .jcarousel-control-prev{ left: -10px; background:url(../img/btn-prev.png) no-repeat; background-size: cover;}
.jcarousel-skin-seen .jcarousel-control-next { right: -10px; background:url(../img/btn-next.png) no-repeat;  background-size: cover;}

.jcarousel-skin-seen .jcarousel-control-prev.inactive{
	background:url(../img/btn-prev-dis.png) no-repeat;
	background-size: cover;
    cursor: default;
	/*opacity: 0.4;*/
}
.jcarousel-skin-seen .jcarousel-control-next.inactive {
	background:url(../img/btn-next-dis.png) no-repeat;
	background-size: cover;
    cursor: default;
	/*opacity: 0.4;*/
}

/* adaptive styles */
@media only screen and (min-width: 1400px)
{
	.jcarousel-skin-seen .jcarousel{width:1330px; margin:0px 35px;}
	.jcarousel-skin-seen .jcarousel li{width:266px;}
	/*.jcarousel-skin-seen .jcarousel-control-prev{left: 0;}
	.jcarousel-skin-seen .jcarousel-control-next{right: 0;}*/
}
@media only screen and (min-width: 1000px) and (max-width: 1199px)
{
	.jcarousel-skin-seen .jcarousel{width:900px; margin:0px 50px;}
	.jcarousel-skin-seen .jcarousel li{width:300px;}	
	.jcarousel-skin-seen .jcarousel-control-prev{left: 0;}
	.jcarousel-skin-seen .jcarousel-control-next{right: 0;}
}
@media only screen and (max-width: 999px)
{
	.jcarousel-skin-seen .jcarousel{width:744px; margin:0px 28px;}
	.jcarousel-skin-seen .jcarousel li{width:248px;}	
	.jcarousel-skin-seen .jcarousel-control-prev{left: 0; width:36px; height:36px;}
	.jcarousel-skin-seen .jcarousel-control-next{right: 0; width:36px; height:36px;}	
}
@media only screen and (max-width: 800px)
{
	.jcarousel-skin-seen .jcarousel{width:96%; margin:10px 2% 10px 2%;}
	.jcarousel-skin-seen .jcarousel li{width:270px;}	
}

/* main product picture */
.jcarousel-skin-ppbig{
    margin: 20px auto 12px auto;
	position: relative;
}
.jcarousel-skin-ppbig .jcarousel{
	width:420px;
	margin: 0 34px;
}
.jcarousel-skin-ppbig .jcarousel li{
	width:420px;	
	overflow: visible;
}

.jcarousel-skin-ppbig .jcarousel-control-prev, .jcarousel-skin-ppbig .jcarousel-control-next {
	position:absolute;
	display: block;
	top:150px;
	width:28px;
	height:60px;
	cursor:pointer;
	z-index: 6;
	opacity: 0.8;
}
.jcarousel-skin-ppbig .jcarousel-control-prev:hover, .jcarousel-skin-ppbig .jcarousel-control-next:hover{opacity: 1;}
.jcarousel-skin-ppbig .jcarousel-control-prev{ left: 3px; background:url(../img/btn-prev1.png) no-repeat; background-size: cover;}
.jcarousel-skin-ppbig .jcarousel-control-next { right: 3px; background:url(../img/btn-next1.png) no-repeat;  background-size: cover;}

.jcarousel-skin-ppbig .jcarousel-control-prev.inactive{
    cursor: default;
	opacity: 0.2;
}
.jcarousel-skin-ppbig .jcarousel-control-next.inactive {
	cursor: default;
	opacity: 0.2;
}

/* adaptive styles */
@media only screen and (min-width: 1000px) and (max-width: 1199px)
{
	.jcarousel-skin-ppbig .jcarousel{width:340px; margin:0px 20px;}
	.jcarousel-skin-ppbig .jcarousel li{width:340px;}	
}
@media only screen and (max-width: 999px)
{
	.jcarousel-skin-ppbig .jcarousel{margin: 0 auto;}
	/*	
	.jcarousel-skin-ppbig .jcarousel{width:40px; margin:10px 20px 10px 20px;}
	.jcarousel-skin-ppbig .jcarousel li{width:190px;}	
	.jcarousel-skin-ppbig .jcarousel-control-prev{left: 0;}
	.jcarousel-skin-ppbig .jcarousel-control-next{right: 0;}	
	*/
}

@media only screen and (max-width: 500px)
{
	.jcarousel-skin-ppbig .jcarousel{width:250px; margin:0px auto;}
	.jcarousel-skin-ppbig .jcarousel li{width:250px;}	
}