#viewarea_main{border:0px solid #000000;margin:10px auto 0;padding:0px;width:100%; max-width:1350px; display:block;overflow:hidden;position:relative;}
/* buttons */
#viewarea_main .btnLeft {padding:0px;border:0px solid #000;position:absolute;display:block;width:31px;height:64px;float:left;left:0;z-index:10;top:50%; transform: translate(0, -50%);}
#viewarea_main .btnRight {padding:0px;border:0px solid #000;position:absolute;display:block;width:31px;height:64px;margin:0px;right:0;float:right;z-index:10; top:50%; transform: translate(0, -50%);}
.prev {float:left; position:relative;cursor:hand;margin:0px 0px 0 0;z-index:99;}
.next {float:right; position:relative;cursor:hand;margin:0px 0px 0 0;right:0px;z-index:99;}
.next:hover, .carousel_main .next:active,
.prev:hover, .carousel_main .prev:active{border: none;outline: none;}  



.carousel_main  {padding:0;margin:0px auto;position:relative;border:0px solid #ff6600;margin-left:-5000px;margin-right:-5000px;display:block;overflow:hidden;}
.carousel_main .noimage {background: url('../img/noimage.png') no-repeat center; border:0px solid #000000;}
  
			
/* frame background */
.carousel_main .jCarouselLiteCommon {margin:0px auto;display:block;

/* Needed for rendering without flicker */position: relative;visibility: hidden;left: -5000px;right: -5000px;padding:0px;border:0px solid #000000;}


.carousel_main ul {margin:0px;padding:0px;border:0px solid #000;}
		


/* image size */
.carousel_main li {overflow:hidden;padding:0px;margin:10px; float:left;display:block;list-style:none;border:1px solid #ddd;transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease; border-radius:25px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); will-change: transform; background:#fff;}
.carousel_main li img{background-color: #fff;border:0px solid #dddddd !important;margin:0px;padding:0px;border-radius:25px 25px 0 0;}
.carousel_main li:hover{transform: translateY(-10px)!important;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 19px 0px;}

.carousel_main .bannertitle{overflow: visible;cursor: hand;text-align: center;position:relative;clear:both;border:0px solid #000;margin-top:7px; color:#555; font-weight:500; font-size:17px;padding:10px 0px 30px;}
.carousel_main .bannermore{overflow: visible;cursor: hand;text-align: center; position:relative; color:#fff; display:inline-block; background:var(--point-color); padding:7px 25px; border-radius:100px; font-size:14px; margin:0 0 30px;}

.carousel_main a,
.carousel_main a:hover, 
.carousel_main a:active,
.carousel_main a:visited{text-decoration: none;}