.jcarousel-wrapper {

    position: relative;

	margin-top:15px;

	margin-bottom:15px;

}



/** Carousel **/



.jcarousel {

    width: 100%;

    position: relative;

    overflow: hidden;	

}



.jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

}



.jcarousel li {

    width: 200px;

    float: left;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.jcarousel img {

    display: block;

    max-width: 100%;

    height: auto !important;

}



/** Carousel Controls **/

.jcarousel-wrapper .jcarousel-control-next {

    position: absolute;

	width:20px;

	height:36px;

	z-index:99999;

	display:block;

	right:-10px !important;

	top:60px;	

	opacity: 1;

    transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -webkit-transition: opacity 1s ease-in-out;		

}



.jcarousel-wrapper:hover .jcarousel-control-next {

    position: absolute;

	width:20px;

	height:36px;

	z-index:99999;

	display:block;

	right:-10px !important;

	top:60px;

	opacity: 1.0;

    transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -webkit-transition: opacity 1s ease-in-out;	

}



.jcarousel-control-next .icon{

	width:14px;

	height:20px;

	position:absolute;

	background-image:url(../../img/iconnext.png);

	background-repeat:no-repeat;	

	top:4px;

	right:-2px;	

}



.jcarousel-wrapper .jcarousel-control-prev {

    position: absolute;

	width:20px;

	height:36px;

	top:60px;

	left:-10px !important;

	z-index:99998;

	opacity: 1;

    transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -webkit-transition: opacity 1s ease-in-out;		

}



.jcarousel-wrapper:hover .jcarousel-control-prev {

    position: absolute;

	width:20px;

	height:36px;

	top:60px;

	left:-10px !important;

	z-index:99998;

	opacity: 1.0;

    transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    -webkit-transition: opacity 1s ease-in-out;		

}



.jcarousel-control-prev .icon{

	width:14px;

	height:20px;

	position:absolute;

	background-image:url(../../img/iconpre.png);

	background-repeat:no-repeat;	

	top:4px;

	left:-2px;	

}



.jcarousel-control-prev {

    left: 0px;

}



.jcarousel-control-next {

    right: 0px;

}



/** Carousel Pagination **/



.jcarousel-pagination {

    position: absolute;

    bottom: -40px;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    margin: 0;

}



.jcarousel-pagination a {

    text-decoration: none;

    display: inline-block;



    font-size: 11px;

    height: 10px;

    width: 10px;

    line-height: 10px;



    background: #fff;

    color: #4E443C;

    border-radius: 10px;

    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: #4E443C;

    color: #fff;

    opacity: 1;



    -webkit-box-shadow: 0 0 2px #F0EFE7;

    -moz-box-shadow: 0 0 2px #F0EFE7;

    box-shadow: 0 0 2px #F0EFE7;

}