.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clear { clear: both; visibility: hidden; }
/** /!!! core css Should not edit !!!/**/

.csSlideOuter { overflow: hidden; }
.lightSlider:before,
.lightSlider:after { content: " "; display: table; }
.csSlideWrapper { position: inherit !important; }
.csSlideWrapper > ul:after { clear: both; }
.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; }
.csSlideWrapper .csFade { position: relative; }
.csSlideWrapper .csFade > li { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; }
.csSlideWrapper.usingCss .csFade > li { opacity: 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; }
.csSlideWrapper .csFade > li.active { z-index: 10; }
.csSlideWrapper.usingCss .csFade > li.active { opacity: 1; }
/** /!!! End of core css Should not edit !!!/**/

 

/** Gallery */
.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; }
.csSlideOuter .csPager.cSGallery li { opacity: 0.7; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.csSlideOuter .csPager.cSGallery li.active,
.csSlideOuter .csPager.cSGallery li:hover { opacity: 1; }
.csSlideOuter .csPager.cSGallery img { display: block; height: auto; max-width: 100%; }
.csSlideOuter .csPager.cSGallery:before,
.csSlideOuter .csPager.cSGallery:after { content: " "; display: table; }
.csSlideOuter .csPager.cSGallery:after { clear: both; }
/* End of Gallery*/


.related { position: relative; padding-right: 30px; padding-bottom: 60px;}
.related h2 { color: #0b3b8c; padding: 0 15px 20px; font-size: 1.6em;}
.related-box { position: relative; }
.related .bx-more{ padding: 10px 120px; position: absolute; left: 50%; margin-left: -160px; bottom: 0px; color: #fff; background-color: #b05034;}
/* 列表 */
.relatedlist { margin-bottom:-10px;}
.relatedlist li .item{position: relative; overflow:hidden;}
.relatedlist li .item a .pro-name{ position:absolute; left:-5px; bottom:-5px; width:100%; display:none; padding: 15px 0; background:url(../img/gray-80.png) repeat; border: 1px #7b7779 solid; margin: 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.relatedlist li a{color:#fff; text-align:center; text-decoration:none; display:block; }
.relatedlist li a:hover .pro-name{display:block; }
.relatedlist li .thumb{ padding:0;}
.relatedlist li a .pre-name{
    height: 45px;
    line-height: 45px;
    color: #fff;
    background-color: #5b595e;
}

/* 左右按钮 */
.related .csAction { width: 100%; }
.related .csAction > a {
    color: #fff;
    width: 30px; height: 30px; display: block; top: 50%; margin-top: -15px; cursor: pointer; position: absolute; z-index: 99;
    background-color: ;
}
.related .csAction > a:hover { }
.related .csAction > .csPrev {left: -10px; background: url("../img/prev.png") no-repeat; background-size: 30px 30px;}
.related .csAction > .csNext {right: -10px; background: url("../img/next.png") no-repeat; background-size: 30px 30px; }
/* 序号 */
.related .csPager.cSpg { margin: 10px 0 0; padding: 0; text-align: right; width: 100%; position: absolute; top: -50px; }
.related .csPager.cSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; }
.related .csPager.cSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.related .csPager.cSpg > li:hover a,
.related .csPager.cSpg > li.active a { background-color: #428bca; }
.related .media { opacity: 0.8; }
.related .media.active { opacity: 1; }