/* lightScroll2 style */
.transform-scale{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.transform-scale:hover{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}  
 
.b-bg2{ padding:30px 40px; background-color:#fff; height:500px; overflow:hidden;}
.scroll-til{ margin-bottom:40px;}
.lightScroll2{ }
.lightScroll2 .csSlideOuter{ z-index:1; position:relative;}
.lightScroll2 .csSlideWrapper{}
.lightScroll2 .csSlideWrapper > ul:after { clear: both; }
.lightScroll2 .csSlideWrapper .csSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.lightScroll2 .csSlideWrapper .csFade { position: relative; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.lightScroll2 .csSlideWrapper .csFade > li { position: absolute !important; top: 0; left: 0; opacity: 0; z-index: 9; margin-right: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.lightScroll2 .csSlideWrapper .csFade > li.active { opacity: 1; z-index: 10; }
/* */
.lightScroll2 .scroll{  }
.lightScroll2 .scroll li .item{ margin:0 15px; -moz-border-radius:15px; border-radius:15px;  overflow:hidden; background:url(../images/bg-60.png) repeat;   }
.lightScroll2 .scroll li .item a{ color:#000;}
.lightScroll2 .scroll li .item a:hover{color:#fff; text-decoration:none;}
.lightScroll2 .scroll li .item p{ padding:0; margin:0;}
.lightScroll2 .scroll li .item .pro-info{ padding:10px 10px; text-align:center}
.lightScroll2 .scroll li .item:hover{}

/* 大图滚动 */
.lightScroll2 .csSlideOuter .csPager.cSpg { width:100%; margin:0; padding: 0; text-align: center; position:absolute; bottom:-20px;}
.lightScroll2 .csSlideOuter .csPager.cSpg > li { cursor: pointer; display: inline-block; margin:0 5px; }
.lightScroll2 .csSlideOuter .csPager.cSpg > li a {  background-color:#a28e68; border-radius: 20px; display: inline-block; width:10px; height: 10px; overflow: hidden; text-indent: -999em;  -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.lightScroll2 .csSlideOuter .csPager.cSpg > li:hover a, .lightScroll2 .csSlideOuter .csPager.cSpg > li.active a { background: #dac773; }

/** 小图的滚动 */
.lightScroll2 .csSlideOuter .csPager.cSGallery { list-style: none outside none; padding-left: 0; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.lightScroll2 .csSlideOuter .csPager.cSGallery li { opacity: 0.7; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.lightScroll2 .csSlideOuter .csPager.cSGallery li.active, .lightScroll2 .csSlideOuter .csPager.cSGallery li:hover { opacity: 1; }
.lightScroll2 .csSlideOuter .csPager.cSGallery img { display: block; height: auto; max-width: 100%; }
.lightScroll2 .csSlideOuter .csPager.cSGallery:before, .lightScroll2 .csSlideOuter .csPager.cSGallery:after { content: " "; display: table; }
.lightScroll2 .csSlideOuter .csPager.cSGallery:after { clear: both; }


/*左右按钮 */
.lightScroll2 .csAction{}
.lightScroll2 .csAction > a {  width: 40px; height: 40px; margin-top: -20px; border-radius:80px; opacity: 0.9; display: block; top: 50%; cursor: pointer; position: absolute; z-index: 99; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.lightScroll2 .csAction > a:hover { opacity: 1; background-color:#F93; }
.lightScroll2 .csAction > .csPrev { left: -30px; background:#fff url(../images/btn_prev.png) center center no-repeat; background-size:40px 40px;}
.lightScroll2 .csAction > .csNext { right: -30px;  background:#fff url(../images/btn_next.png) center center no-repeat; background-size:40px 40px;}
.lightScroll2 .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }

@media(max-width:767px){
	.b-bg2{ padding:30px 0 60px; height:auto; background:url(../images/bg21.png) center top repeat-y;}
	.lightScroll2 .csAction > .csPrev{ left:10px;}
	.lightScroll2 .csAction > .csNext{right:10px;}
	.scroll-til img{ width:300px;}
}