.jcarousel-wrapper {

    margin: 0px auto;

    position: relative;

    border: 0px solid #fff;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

/*    -webkit-box-shadow: 0 0 2px #999;

    -moz-box-shadow: 0 0 2px #999;

    box-shadow: 0 0 2px #999;*/

}



/** Carousel **/



.jcarousel {

    position: relative;

    overflow: hidden;

    width: 100%; margin:0 auto; padding-bottom:0;

}



.jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0; text-align:center;

}



.jcarousel li {

    width: 294px !important; margin:0 5px;

    float: none; display:inline-block; /*border:4px solid #dfdddd; position:relative;*/ -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box; position:relative;

}

.new_carousel{margin-bottom: 10px; border:4px solid #dfdddd; position: relative;}
/*.new_carousel:hover{background:#000000;}*/
.carouselname{position:absolute; left:2px; top:0; padding:10px; box-sizing:border-box; color:#fff; line-height:15px; font-size:13px; background:#000000; width:99%; height:100%; opacity: 0;}
.carouselname h4{ font-size:18px; color:#fff; line-height:20px; padding:20% 2% 0 ;}
.carouselname h4 span{ display:block; font-weight:bold; font-size:16px; padding:5px 0 0 0;}
.new_carousel .carouselname:hover{opacity: 1;}
.jcarousel li:first-child{ margin:0 12px 0 0;}
/*.jcarousel li span{ position:absolute; left:2px; bottom:0; padding:10px; box-sizing:border-box; color:#fff; line-height:15px; font-size:13px; background:#000000; width:99%;}
.jcarousel li span:hover{  background:#ff1111;}*/

.jcarousel img {

    display: inline-block; border:2px solid #fff;

    max-width: 100%;/* border: 3px solid #c7c7c7;*/

    height: auto !important;

}



/** Carousel Controls **/



.jcarousel-control-prev,

.jcarousel-control-next {

    position: absolute;

    top: 43%;

    margin-top: 0;

    width: 9px;

    height: 14px;

    text-align: center;

    /*background: #4E443C;*/

    color: #fff;

    text-decoration: none;

    text-shadow: 0 0 1px #000;

    font: 24px/27px Arial, sans-serif;

/*    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 4px #F0EFE7;

    -moz-box-shadow: 0 0 4px #F0EFE7;

    box-shadow: 0 0 4px #F0EFE7;*/

}



.jcarousel-control-prev {

    left: 0; background:url(../images/carou_prev.png) no-repeat;

}



.jcarousel-control-next {

    right: 0; background:url(../images/carou_next.png) no-repeat;

}



/** Carousel Pagination **/



.jcarousel-pagination {

    position: absolute;

    /*bottom: -13px;*/

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    margin: 30px 0 0 0;

}



.jcarousel-pagination a {

    text-decoration: none;

    display: inline-block;



    font-size: 0px;

    height: 3px;

    width: 21px;

    line-height: 10px;



    background: #d3caca;

    color: #4E443C;

    border-radius: 0px;

    text-indent: -9999px;



    margin-right: 7px;



/*

    -webkit-box-shadow: 0 0 2px #4E443C;

    -moz-box-shadow: 0 0 2px #4E443C;

    box-shadow: 0 0 2px #4E443C;*/

}



.jcarousel-pagination a.active {

    background: #ff0000;

    color: #fff;

    opacity: 1;



/*    -webkit-box-shadow: 0 0 2px #F0EFE7;

    -moz-box-shadow: 0 0 2px #F0EFE7;

    box-shadow: 0 0 2px #F0EFE7;*/

}

.jcarousel li p{ color:#fff; font-size:16px; }

@media (max-width:1024px){

.jcarousel {

    position: relative;

    overflow: hidden;

    width: 100%; margin:0 auto; padding-bottom:0;

}

}

