.jcarousel-wrapper {
margin : 20px auto;
position : relative;
border : #fff solid 10px;
border-radius : 5px;
box-shadow : 0 0 2px #999;
}
.jcarousel {
position : relative;
overflow : hidden;
width : 100%;
}
.jcarousel ul {
width : 20000em;
position : relative;
list-style : none;
margin : 0;
padding : 0;
text-align : center;
}
.jcarousel li {
width : auto;
float : left;
padding : 10px 10px 0 10px;
box-sizing : border-box;
display : inline-table;
}
.jcarousel li h3 {
margin-top : 30px;
font-size : 15px;
}
.jcarousel img {
display : inline-block;
max-width : 100%;
margin-bottom : -20px;
}
.jcarousel-control-prev, .jcarousel-control-next {
position : absolute;
top : -54px;
width : 30px;
height : 30px;
text-align : center;
background : #838698;
color : #fff;
text-decoration : none;
text-shadow : 0 0 1px #000;
font : 24px/27px Arial, sans-serif;
border-radius : 4px;
}
.jcarousel-control-prev:hover, .jcarousel-control-next:hover {
background : #4e5269;
}
.jcarousel-control-prev {
right : 24px;
}
.jcarousel-control-next {
right : -10px;
}
a.jcarousel-control-prev, a.jcarousel-control-next, a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover {
color : #fff !important ;
}
.jcarousel-pagination {
position : absolute;
bottom : -40px;
left : 50%;
transform : translate(-50%,0);
margin : 0;
}
.jcarousel-pagination a {
text-decoration : none;
display : inline-block;
border : #838698 solid 1px;
font-size : 11px;
height : 10px;
width : 10px;
line-height : 10px;
background : #fff;
color : #4E443C;
border-radius : 10px;
text-indent : -9999px;
margin-right : 7px;
}
.jcarousel-pagination a.active {
background : #838698;
color : #fff;
opacity : 1;
}