.banner{
position:relative;
width:100%;
background:url(../images/ban/new-banner-bg.jpg) no-repeat;
height:380px;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

/*---------- Left and Right Triggers ----------- */
#slide-prev, #slide-next{
	position:absolute;
	width:42px;
	height:42px;
	bottom:140px;
	z-index:4;
	opacity:0.5;
}
#slide-prev:hover, #slide-next:hover{
	opacity:1;
}
#slide-prev {
	left:10px;
	background:url(../images/prev.png) no-repeat;
}
#slide-next {
	right:10px;
	background:url(../images/next.png) no-repeat;
}


/*---------- Main Slider Container----------- */
#slider {
	width:1000px;
	height:380px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
	display:block;
}
/* Every slide must be hidden by default */
.slide { display:none; }

/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide { display:block; }

/* Container with caption's text. Must be hidden */
.slide-descriptions {
	display:none;
}


.full-3D {
	right: 40px;
    top: 580px;
    width: 840px;
	height:20px;
}
/* Container with Pagination buttons */
.pagination {
	bottom: 10px;
    left: 345px;
    margin-top: 50px;
    position: absolute;
    text-align: center;
}
.slider-pagination {
	display:block;
	width:15px;
	height:10px;
	background:url(../images/banner/navi.png) no-repeat left bottom;
	margin:7px 0px;
	cursor:pointer;
	position:relative;
	top:-224px;
	left:650px;
	z-index:999;
}
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */
.cs-active-pagination {
	background:url(../images/banner/navi.png) no-repeat left top;
}