/*
@font-face {
  font-family: 'SHSCN';
  src: url('../fonts/SHSCN-ELight.eot');
  src: url('../fonts/SHSCN-ELight.eot?#iefix') format('embedded-opentype'), url('../fonts/SHSCN-ELight.woff') format('woff'), url('../fonts/SHSCN-ELight.ttf') format('truetype'), url('../fonts/SHSCN-ELight.svg#glyphicons_halflingsregular') format('svg');
}
*/

body {
  background-color:/* #e7e7e7;*/#fff;
  font: 200 14px "Myriad Set Pro",'Hiragino Sans GB W3','微软雅黑','YaHei', 'Microsoft YaHei',"Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif",'SHSCN','Open Sans';
}

em {
  font-style: normal;
}

h3 {
  font-size: 20px;
  line-height: 1.3;
}

.navbar-brand {
  display: inline-block;
  width: 140px;
  height: 58px;
  background-repeat: no-repeat;
  background-position: 0 15px;
  background-image: url('../images/logo-black.png');
}

.enlogo {
  background-image: url('../images/logo-new.png')!important;
  width: 240px!important;
  background-size: 90%!important;
  background-position-y: 24px!important;
}

.navbar-default {
  position: static;
  background-color: #e6e6e6;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #ba191e;
  height: 60px;
  padding-left: 5%;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  /*border-bottom: 1px solid #bebebe;*/
  color: #c6262a;
  background: none;
}
.navbar {
  border-radius: 0px;
}
/*.navbar-default .navbar-nav>li>a, 
.navbar-default .navbar-nav>li>a:hover {
  color: #c6262a;
}*/
.language {
  margin-left: 0;
  position: absolute!important;
  right: 0;
  top: 0;
  font-size: 12px;
}
.navbar-default .navbar-nav>.language>a:hover {
  border-bottom: none;
}

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
  height: 50px;
  width: 28px;
  background-image: url('../images/dir-1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.glyphicon.glyphicon-chevron-left {
  background-position: 0px -4px;
}
.glyphicon.glyphicon-chevron-right {
  background-position: 0px -89px;
}
.glyphicon.glyphicon-chevron-left:before,
.glyphicon.glyphicon-chevron-right:before {
  content: '';
}


.navbar-toggle {
  height: 24px;
  width: 32px;
  background: url('../images/mobi/list.png') no-repeat 0 0;
}
.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  border: none;
  background-color: inherit;
}



.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  max-width: inherit;
}

.navbar-toggle {
  margin-top: 18px;
}

.margin-left-15 {
  margin-left: 15px;
}
.margin-right-15 {
  margin-right: 15px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-bottom-20 {
  margin-bottom: 20px!important;
}
.padding-right-0 {
  padding-right: 0px;
}
.padding-fix {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-15 {
  padding: 15px;
}

.list-btn-group {
  margin-top: 37px;
}
.list-btn {
  display: inline-block;
  height: 20px;
  width: 23px;
  border: none;
  background: url('../images/list-icon.png') no-repeat transparent;
  cursor: pointer;
}

.list-btn:active {
  border: none;
}
.list-btn.list-btn-card {
  background-position: 1px 2px;
}
.list-btn.list-btn-card.red {
  background-position: 1px -38px;
}
.list-btn.list-btn-row {
  background-position: 1px -69px;
}
.list-btn.list-btn-row.red {
  background-position: 1px -143px;
}

.load-more {
  color: #c31116;
  font-size: 20px;
  padding: 0px 100px 6px;
  border-bottom: 1px solid #c31116;
  cursor: pointer;
}

.footer {
  background-color: #E6E6E6;
  /*height: 140px;*/
  font-size: 12px;
}
.footer .wrap {
  height: 88px;
  border-bottom: 1px solid #ccc;
}
.footer p {
  line-height: 30px;
  height: 30px;
  margin: 0;
  font-weight:400;
  font-size:14px;
}
.footer em {
  display: block;
  color: #6f6f6f;
  margin: 20px 0px 11px 0;
}
.footer a {
  color: #272727;
}
.footer div{
  white-space: nowrap;
}
.detail_close {
  display: inline-block;
  cursor: pointer;
  height: 25px;
  width: 26px;
  border: none;
  background: url('../images/user.png') no-repeat 0 0 transparent;
}

.bg-white {
  background-color: #fff;
  /*
  -moz-box-shadow:-1px -1px 1px #969696 inset;
  -webkit-box-shadow:-1px -1px 1px #969696 inset;
  box-shadow:-1px -1px 1px #969696 inset;
  */
}
.img-responsive {
  width: 100%;
}
.share {
  padding: 50px 15px 30px 30px;
}
.share a {
  padding-left: 10px;
}

@media (min-width: 772px) {
  /*.navbar-nav {
    margin-left: 45px;
  }*/
  .navbar-nav>li>a {
    padding-top: 27px;
    padding-bottom: 10px;
  }
  .navbar-header {
    padding-left: 15px;
    width: 270px;
  }
}

@media (min-width: 1040px){
  .nav-body{
    width: 1040px;
    margin: 0 auto;
    position: relative;
  }
}

@media (max-width: 771px) {
  .nav-body{
    width: 100%;
    position: relative;
  }
  .navbar-header{
    background-color: #fff;
  }
  
  .navbar-brand {
    width: 210px!important;
    background: url('../images/logo-black.png') no-repeat 0 20px;
    background-size: 40%;
  }
  .navbar-default {
    padding-left: 0px;
    /*border: none;*/
    border-bottom: 2px solid #d40000;
  }
  .navbar-default .navbar-collapse, 
  .navbar-default .navbar-form {
    height: auto;
    z-index: 2;
    position: absolute;
    width: 100%;
    background-color: #fff;
    opacity: 0.9;
  }
  .navbar-default .navbar-nav>li>a, 
  .navbar-default .navbar-nav>li>a:hover {
    color: #333;
  }
  .language {
    margin-left: 0px;
  }
  
  .footer .footer-video {
    display: none;
  }
  .footer .row div {
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer .row div:first-child {
    padding-left: 15px;
  }
  .footer .row a,
  .footer .row em,
  .footer .row {
    font-size: 10px;
  }
  .popup_wrapper {
    overflow-x: hidden!important;
    -webkit-overflow-scrolling: touch;
  }
  .detail_close {
    position: relative;
    height: 34px;
    width: 100px;
    left: 74px;
    top: 8px;
  }
  
  .footer .row div:nth-child(3){
    /*debug phone css 防止字之间的相互重叠*/
    -webkit-transform:translateX(-18px);
    transform:translateX(-18px);
  }
  
}

/*浮动层内容margin*/
#content p{
  margin: 0 15px;
  line-height: 2em;
}
.popup-header{
  padding-bottom: 20px;
}


.navbar-toggle{/*debug phone css*/ border-radius:0; -webkit-border-radius:0;}


#video-bottom {
  cursor: pointer;
}
/*bottom video*/
#detail-bottom {
  width: 800px;
  display: none;
}
.video-1 {
  height: 560px;
  overflow: hidden;
  background-color: #e7e7e7;
  position: relative;
}
.play-btn {
  background: url('../images/about-5.png');
  height: 90px;
  width: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  cursor: pointer;
}
.video-1-popup {
  margin: 0 auto;
}

.popup_content {
  padding: 0!important;
}

.jp-controls {
  background: none;
}
#detail-bottom .jp-video .jp-controls-holder {
  padding: 0;
  margin-bottom: 0px;
  width: 8%;
}
.jp-video .jp-controls {
  margin-left: 0px;
}
div.jp-video .jp-progress {
  margin-top: 13px;
  width: 83.33333333333334%;
}
.jp-play-bar {
  background-color: #5f6e82!important;
  opacity: 0.9;
  background-image: none;
}
.jp-type-single .jp-controls button,
.jp-state-playing .jp-type-single .jp-play,
.jp-type-single .jp-play:focus,
.jp-state-playing .jp-type-single .jp-play:focus {
  width: 50px;
  background: none;
  background-color: #2c2c2f;
  background-image: none;
  text-indent: 0;
}
.jp-seek-bar {
  background: none;
}
.jp-progress {
  height: 10px;
}
.jp-interface {
  background-color: #3f3c3e;
}
.jp-video-270p {
  width: 100%;
}
.jp-audio, .jp-audio-stream, .jp-video {
  border: none;
  background: none;
}
#jp-exit-2 {
  display: block;
    height: 34px;
    width: 8%;
    background: none;
    border: none;
}

#detail-bottom .detail-bottom_close {
  position: relative;
  right: -50px;
  top: -10px;
}

select{

    margin: 0;

    padding: 0;

    outline: none;

    height: 27px;

    line-height: 25px;

    width: 90px;

    border: #ccc 1px solid;

    border-radius: 3px;

    display: inline-block;

    font: normal 12px/25px "微软雅黑", "SimSun", "宋体", "Arial";

    background-size: 5px 5px,5px 5px,25px 25px,1px 25px;

    background-color: #fff;

    background-image: repeating-linear-gradient(225deg,rgb(105,123,149) 0%,rgb(105,123,149) 50%,transparent 50%,transparent 100%),

    repeating-linear-gradient(135deg,rgb(105,123,149) 0%,rgb(105,123,149) 50%,transparent 50%,transparent 100%),

    linear-gradient( #FFFFFF 0%,#F8F9Fd, #EFFAFA 100%),

    repeating-linear-gradient( rgb(191, 204, 220) 0%,rgb(191, 204, 220) 100%);

    background-repeat: no-repeat;

    background-position: 72px 10px,76px 10px,right top,62px top;

    -webkit-appearance: none

}
.jwvideo{z-index: 2}
.jwcontrols{z-index: 4}
.jwinstream{z-index: 4}
.jwaspect{z-index: 4}
.jwplaylistcontainer{z-index: 4}

#submitBtn{height: 27px;line-height: 25px; background-color: #666;color:#fff; padding: 1px 6px; margin-top: -3px}
#danmuLayer-footer{position: absolute;top:0px; left:0px}
#text-footer{width: 350px; height: 27px; margin-left: 3px; border: 0px; border: 1px solid #ccc;}
#barrage-footer{
    padding: 15px 0px 15px 10px;
    position: relative;
    background-color: #ffffff;
}
#barrageSwitch-footer {
    position: absolute;
    right: 15px;
    top:7px;
    background: url('../images/open2.png') no-repeat 0px 0;
    width: 64px;
    height: 31px;
    border:0px;
    margin-top: 8px;
}
.barrage-show{
    display:block
}
.barrage-hide{
    display:none;
}
@media (max-width: 770px){
    .barrage-show{
        display:none
    }
}
#barrageSwitch-footer.en {
    background: url('../images/open3.png') no-repeat 0px 0;
}

#barrageSwitch-footer.open {
    background-position: 0 -44px;
}