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


.related { position: relative; }
.related-box { position: relative; }
/* 列表 */
.relatedlist { margin-bottom:-10px;}
.relatedlist img { width: 100%; display: block; }
.relatedlist li { position:relative; padding: 0px 10px;  }
.relatedlist li a{color:#333; text-align:center; text-decoration:none;}
.relatedlist li a:hover{ }
.relatedlist li .thumb{ }
.relatedlist li .pro-name{color:#fff; width:100%; height:46px; position:absolute; left:0; bottom:0px; padding:10px 0; background:url("../images/tm-bg-60.png") repeat;}

/* 左右按钮 */
.related .csAction { width: 100%;}
.related .csAction > a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.related .csAction > .csPrev,.related .csAction > .csNext{
    filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
    top: 50%;
    margin-top: -50px;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s;
    z-index: 99;
    position: absolute;
    display: block;
    cursor: pointer;

}
.related .csAction > .csPrev {
    background: url(../img/arrow_left.png) center center no-repeat;
    left: -55px;
}
.related .csAction > .csNext {
    background: url(../img/arrow_right.png) center center no-repeat;
    right: -55px;
}
@media(max-width:996px){
    .related .csAction > a { width: 40px; height: 40px;}
    .related .csAction > .csPrev,.related .csAction > .csNext {
        background-size: 40px 40px;
    }
    .related .csAction > .csPrev{
        left:0;
    }
    .related .csAction > .csNext{
        right:0;
    }
    .related .csPager{
        display:none;
    }
    .medical-image-box.padding-top50{padding-top:20px;}
    .medical-image-box.padding-bottom140{padding-bottom:40px;}
    .medical-image-box .pageTitle{margin-bottom:20px;}
}
/* 序号 */
.related .csPager.cSpg { margin: 10px 0 0; padding: 0; text-align: right; width: 100%; position: absolute; top: -50px; z-index:99;}
.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; text-indent: 99px; }
.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; }
/* 第二种风格 */
.rel-bg-1{ background-color:#f4f4f4;}
.reld-style2{ padding:0; }
.reld-style2 .related-box{border:0;}
.reld-style2 h2{ text-align:center; border:none; font-weight:bold;}
.reld-style2 .relatedlist li {border:0; height:160px; }
.reld-style2 .csPager.cSpg{ top:inherit; bottom:-20px; text-align:center;}
/* 左右按钮 */
.reld-style2 .csAction{display:none;}
.reld-style2 .csAction > a { width: 30px; height:30px; top:50%; margin-top:-30px; border-radius:60px;}
.reld-style2 .csAction > .csPrev { background: #666 url(../img/btn_prev_1.png) center center no-repeat; background-size: 25px 25px; left: 0px;  }
.reld-style2 .csAction > .csNext { background: #666 url(../img/btn_next_1.png) center center no-repeat; background-size: 25px 25px; ; right: 0px;  }
/* 第三种风格 */
.related.reld-style3{}
.related.reld-style3 .csAction{ display: none;}