.jwrapper {position: relative; }

.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { float: left; margin: 0 0 0 0; padding: 0; background: none;}


.jbtns a { display: inline-block; width: 22px; height: 32px; background: url(img/prevnext1.png) no-repeat left top; text-indent: -9999px; }
.jcarousel-prev { position: absolute; left: -30px; background-position: left top !important; }
.jcarousel-prev:hover { background-position: left bottom !important; }
.jcarousel-next { position: absolute; right: -30px; background-position: right top !important; }
.jcarousel-next:hover { background-position: right bottom !important; }


@media all and (min-width: 1024px) {
	.jbtns { position: absolute; top: 50%; width: 900px; margin-top: -11px; }
}
@media all and (max-width: 1023px) and (min-width: 768px) {
	.jbtns { position: absolute; top: 50%; width: 740px; margin-top: -11px; }
}
@media all and (max-width: 767px) {
	.jbtns { position: absolute; top: 50%; width: 320px; margin-top: -11px; margin-left:-10px; }
	.jcarousel-prev { position: absolute; left: 0px; background-position: left top !important; }
	.jcarousel-next { position: absolute; right: 0px; background-position: right top !important; }
}