@charset "UTF-8";
* {
  color: #666;}
.vd-content {}
  li.moderd {
    line-height: 24px;}
  .vd-content .vd-content-header {
    width: 100%;
    height: 492px;
    background-color: #ececec;}
.title-a{display:none;}
.vd-content .vd-content-header .vd-content-container {
      width: 1200px;
      margin: 0 auto;}
.vd-content .vd-content-header .vd-content-container h1 {
        line-height: 40px;
        display: block;
        padding-top: 10px;
        font-size: 20px;
        font-weight: 100;
        color: #333;}
 .vd-content .vd-content-summary {
    width: 1200px;
    margin: 20px auto;}
.vd-content .vd-content-summary h1 {
      font-size: 18px;
      font-weight: 100;
      line-height: 34px;
      display: inline-block;
      color: #333333;}
.vd-content .vd-content-summary h2 font{
      font-size: 18px;
      font-weight: 100;
      line-height: 18px;
      padding-bottom: 14px;
      display: inline-block;
      color: #333;}
.vd-content .vd-content-summary .dl-point {
      font-size: 18px;
      font-weight: 100;
      line-height: 18px;
      padding-bottom: 14px;
      display: inline-block;
      color: #ff5a00;
      margin-left: 22px;}
.vd-content .vd-content-summary .vd-bg {
    width: 100%;
    color: #333;
    font-size: 18px;
    line-height: 34px;
    border-bottom: 1px solid #ddd;}
.vd-content .vd-content-summary .vd-content-summary-left {
      float: left;
      width: 1200px;
      height: 260px;
      margin-top: 20px;}
.vd-content .vd-content-summary .vd-content-summary-left img {
        border: 1px solid #dddddd;
        display: block;
        float: left;}
.vd-content .vd-content-summary .vd-content-summary-left .vd-content-summary-left-bg {
        height: 30px;
        width: 586px;
        background-color: #f2f2f2;
        border: 1px solid #dddddd;}
.vd-content .vd-content-summary .vd-content-summary-left .vd-content-summary-left-bg p {
          line-height: 30px;
          font-size: 14px;
          margin-left: 12px;}
.vd-content .vd-content-summary .vd-content-summary-left .vd-content-summary-tips {
        float: left;
        width: 576px;
        padding: 0 26px 0 42px;}
.vd-content .vd-content-summary .vd-content-summary-left dl {
        display: block;
        width: 570px;
        line-height: 24px;
        margin-bottom: 16px;}
.vd-content .vd-content-summary .vd-content-summary-left dl dt {
          display: block;
          float: left;}
.vd-content .vd-content-summary .vd-content-summary-left dl dt a {
            margin-top: 10px;
            line-height: 28px;
            display: block;
            float: left;}
.vd-content .vd-content-summary .vd-content-summary-left dl dd {display: block;float: left;}
.vd-content .vd-content-summary .vd-content-summary-left dl dd a {
            display: block;
            float: left;
            font-size: 12px;
            padding: 3px 6px;
            border: 1px solid #d6e0e9;
            margin-left: 5px;
            margin-top:10px;}
.vd-content .vd-content-summary .vd-content-summary-left p {
        font-size: 12px;
        width: 973px;
        display: inline-block;
        line-height: 20px;}
.vd-content .vd-content-summary .vd-content-summary-left i {
        display: inline;
        font-style: normal;
        color: #c81b21;
        cursor: pointer;}
.vd-content .vd-content-summary .vd-content-summary-left .vd-tips {
        margin-top: 10px;
        display: inline-block;}
.vd-content .vd-content-summary .vd-content-summary-right {
      float: left;
      width: 302px;
      height: 240px;
      padding: 20px 10px 20px 48px;
      border-left: 1px solid #d7d7d7;}
.vd-content .vd-content-summary .vd-content-summary-right img {
        border: 1px solid #cacaca;
        display: block;
        float: left;}
.vd-content .vd-content-summary .vd-content-summary-right .vd-content-summary-right-tips {
		margin-top:10px;
		margin-left:130px;
        width: 180px;
        padding-left: 10px;
        margin-top: 10px;}
.vd-content-summary-right-tips h2 a{font-size: 18px;cursor: default;}
.vd-content-summary-right-tips p {line-height: 35px;}
.vd-content-summary-right .vd-comment {
		margin-top:60px;
        display: block;
        line-height: 20px;}
.vd-content .vd-content-summary .vd-content-summary-right .vd-blue {
        color: #c81b21;
        line-height: 30px;}
.vd-content .vd-resources {
    width: 1200px;
    margin: 0 auto;}
.vd-content .vd-resources h2 {
      display: inline-block;
      line-height: 34px;
      font-size: 18px;
      color: #333;
      margin-top: 42px;}
.vd-content .vd-resources span{
	color:#c81b21;
	cursor: pointer;}
.vd-content .vd-resources i {
      font-style: normal;
      margin-left: 1020px;
      display: inline-block;
      width: 40px;
      height: 14px;
      background: url(../img/allicons.jpg) no-repeat -105px -260px;
      color: #c81b21;
      cursor: pointer;
      text-indent: 20px;}
.vd-content .vd-resources ul {
      width: 1175px;
      padding-top: 20px;
      border-top: 1px solid #dddddd;}
.vd-content .vd-resources ul li:first-child {padding-left: 0px;}
.vd-content .vd-resources ul li {
        position: relative;
        padding-left: 16px;
        float: left;
        width: 154px;
        height: 226px;}
.vd-content .vd-resources ul li .vd-img a {display: block;}
.vd-content .vd-resources ul li .vd-img a img { border: 1px solid #dddddd;width: 148px;height: 180px;}
.vd-content .vd-resources ul li .vd-img h3 {
          font-weight: normal;
          display: inline-block;
          margin-right: 12px;}
.vd-content .vd-resources ul li .vd-img h3 a {line-height: 28px;color: #333;}
.vd-content .vd-resources ul li .vd-img span {font-size: 16px;color: #ff5a00;}
.vd-content .vd-resources ul li .vd-img span small {color: #ff5a00;font-size: 14px;}
.vd-content .vd-resources ul li .vd-img p {font-size: 12px;}
.vd-content .vd-resources ul li .vd-shade {
          display: none;
          position: absolute;
          height: 232px;
          width: 151px;
          top: 0;
          background: rgba(0, 0, 0, 0.5);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#7F000000);
          z-index: 100;}
.vd-content .vd-resources ul li .vd-shade h1 {
            display: block;
            line-height: 74px;
            font-size: 16px;
            color: #fff;
            margin-left: 20px;}
.vd-content .vd-resources ul li .vd-shade i {
            top: 52px;
            right: 24px;
            position: absolute;
            font-size: 20px;
            color: #ff5a00;
            background: none;}
.vd-content .vd-resources ul li .vd-shade i small {
              color: #ff5a00;
              font-size: 14px;}
.vd-content .vd-resources ul li .vd-shade p {
            line-height: 20px;
            display: block;
            color: #fff;
            margin-left: 20px;}
.vd-content .vd-resources ul li .vd-shade p span {
              line-height: 20px;
              color: #fff;}
.vd-content .vd-resources ul li .vd-shade p a {color: #ffad5b;}
.vd-content .vd-resources ul li .vd-shade .vd-play {
            position: absolute;
            bottom: 0;
            width: 151px;
            height: 49px;
            background-color: #c81b21;
            opacity: 1;
            z-index: 1000;}
.vd-content .vd-resources ul li .vd-shade .vd-play a {display: block;}
.vd-content .vd-resources ul li .vd-shade .vd-play i {
              display: block;
              width: 24px;
              height: 24px;
              background: url(../img/allicons.jpg) no-repeat -50px -306px;
              position: static;
              margin: 11px 18px;
              float: left;}
.vd-content .vd-resources ul li .vd-shade .vd-play h1 {
              display: block;
              float: left;
              width: 66px;
              height: 44px;
              line-height: 44px;
              background-color: #c81b21;
              margin-left: -10px;}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

.videofix {
  display: block;
  height: 494px;
  width: 1200px;
  position: relative;}
#a1 {
  width: 850px;
  height: 492px;
  float: left;}
#a2, #a3 {
  width: 20px;
  height: 492px;
  float: left;
  color: #FFF;
  background-color: #333;
  cursor: pointer;}
  #a2 P, #a3 P {
    color: #fff;
    margin-top: 220px;
    margin-left: 3px;}
#videolist {
  padding-top: 42px;
  width: 330px;
  height: 450px;
  overflow: auto;
  float: left;
  background: #616464;
  font-size: 12px;
  position: relative;}
#videolist li {
  list-style: none;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-left: 24px;
  cursor: pointer;
  position: relative; 
  color:#fff;}
#videolist li .bottomArrow {
  margin-left: 200px;
  display: inline-block;
  width: 13px;
  height: 7px;
  z-index: 999;}
#videolist li:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 8px;
  height: 40px;
  width: 2px;
  background: #fff;}
#videolist li:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 2px;
  top: 14px;
  background: url(../img/vd-border.jpg) no-repeat;
  z-index: 10;}
#videolist font {
  color: skyblue;
  font-size: 10px;}
#vd-share {
  height: 34px;
  width: 300px;
  position: absolute;
  bottom: -6px;
  right: 400px;}
#vd-share p {
	display: inline-block;
	width: 100px;
	height: 34px;
	float: left;
	color: #cacaca;
	cursor: pointer;
	font-size: 15px;}
#vd-share p .download {
	display: block;
	width: 100px;
	height: 24px;
	color: #cacaca;
	font-size: 15px;
	margin: 0;
	text-align: center;
    margin-right: 18px;}
#vd-share p .download i {background-position: -4px -235px;}
#vd-share p .download i:hover {background-position: -4px -260px;}
#vd-share p .correct i {background-position: -105px -352px;}
#vd-share p .correct i:hover{background-position: -105px -372px;}
#vd-share p a.correct:hover i{color:#c81b21; background-position: -105px -372px;}
#vd-share p .correct {
	width: 100px;
	height: 24px;
	color: #cacaca;
	font-size: 15px;
	margin: 0;
	text-align: center;
    display: inline-block;}
#vd-share p a:hover {color: #c81b21;}
/* 分享样式修改 */
#vd-bt-share .share i{background-position: -5px -192px;}
#vd-bt-share .share i:hover{background-position: -5px -214px;}
.bdshare-button-style0-16 {float: left;}
.bdsharebuttonbox a {text-decoration: none;}
#vd-share .bdshare-button-style0-16 a {
    background: none;
    margin: 0;
    width: 100px;
    height: 24px;
    color: #cacaca;
    font-size: 15px;
    text-align: center;
    line-height: normal;
    padding-left: 0;}
#vd-share .bdshare-button-style0-16 a:hover i{
  color: #c81b21;
  background-position: -5px -214px;
  margin: 0;}
#vd-bt-download a:hover i{
	background-position: -4px -260px;
    color: #c81b21;}
.book-bottom{margin-top:50px;}
.bdshare_popup_box{top:748px!important;}
.layui-layer-content {color:#000;}
#content{
	position: absolute;
    top: 0;
    right: 20px;}
div#videoNewContent {
    width: 1126px;
    padding: 0 35px 40px 35px;
    background-color: #ffffffbd;
    background-color: rgba(255,255,255,0.9);}
#videoNewContent {
	margin:0 auto 40px;}
#videoNewContent .title-videof {
	border-bottom:1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;}
#videoNewContent .active {
	font-size:12px;
	border-bottom:2px solid #c81b21;
	color:#c81b21;
	font-weight:bold;
	padding:0 10px 10px;}
#videoNewContent .enclosure-header {
	padding: 15px 0;
    border-bottom: 1px solid #ddd;}
#videoNewContent .header-name {
	display: inline-block;
	margin-left: 25px;
	width: 500px;}
#videoNewContent .header-author {margin-left:330px;}
#videoNewContent #videofile .enclosure-list {
	padding:18px 0 10px;
	border-bottom:1px solid #ddd;}
#videoNewContent #videofile span {margin-left: 25px;}
#videoNewContent #videofile .enclosurename {
	display: inline-block;
	width:650px;
	font-weight:bold;}
#videoNewContent #videofile .look {
	margin-left:130px;
	cursor:pointer;}
#videoNewContent #videofile .download {
	float:right;
	margin-right:210px;
	cursor:pointer;}
.enclosure-list:hover {background:#f8f8f8;}
.look:hover , .download:hover {color:#c81b21;}
.layui-layer-content {color:#fff;}

.enclosure-ps {margin: 30px 0 40px;text-align: center;}
.enclosure-ps a {color:#c81b21;}
.enclosure-ps a:hover {color:#c81b21;text-decoration: underline;}