/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel,.jcarousel2,.jcarousel3 {
    position: relative;
    overflow: hidden;
	padding:0;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul,.jcarousel2 ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel3 ul
{
	height:50px;
	width:100%;
	transition:all ease-in 0.3s;
	-moz-transition:all ease-in 0.3s;
	-webkit-transition:all ease-in 0.3s;
} 

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: right;
	width:1230px;
	margin:0;
	position:relative;
}
.jcarousel2 li {
    /* Required only for block elements like <li>'s */
    float: right;
	width:20%;
	margin:0;
	position:relative;
}
.jcarousel3 ul li
{
	:20px;
	-webkit-border-radius:20px;
	
	line-height:50px;
	padding:0 15px;
	text-overflow: ellipsis;
    white-space: nowrap;
} 
.jcarousel3 ul li a{}
.jcarousel-control-prev
{
	/*display:block;
	width:34px;
	height:}
.jcarousel-control-prev
{
	/*display:block;
	width:34px;
	height:64px;
	background:url('../images/bgPrev.png') no-repeat 0 0;
	position:absolute;
	top:50%;
	margin-top:-32px;
	left:35px;*/
}
.jcarousel-control-prev2
{
	display:block;
	width:20px;
	height:40px;
	background:url('images/bgPrev2.png') no-repeat 0 0;
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:15px;
}
.jcarousel-control-next
{
	/*display:block;
	width:34px;
	height:64px;
	background:url('../images/bgNext.png') no-repeat 0 0;
	position:absolute;
	top:50%;
	margin-top:-32px;
	right:35px;*/
}
.jcarousel-control-next2
{
	display:block;
	width:20px;
	height:40px;
	background:url('images/bgNext2.png') no-repeat 0 0;
	position:absolute;
	top:50%;
	margin-top:-50px;
	right:15px;
}
.jcarousel-control-next:hover,.jcarousel-control-next2:hover
{background-position:0 -40px}
.jcarousel-control-prev:hover,.jcarousel-control-prev2:hover
{background-position:0 -40px}