.banner {
  background-image: url(../../img/wmFamily/camp/lecture-detail.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.banner .w1005 {
  height: 300px;
  position: relative;
}

.banner .heading {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 5px solid rgba(180, 184, 187, 0.3);
}

.banner .column-span {
  position: absolute;
  right: 0%;
  bottom: 10%;
}

.banner .column-span .fraud-area {
  color: #fff;
}

.banner .sub-heading {
  color: rgba(180, 184, 187, 0.3);
  margin-left: 10px;
  font-size: 12px;
  line-height: 1;
}

.banner h1 {
  font-size: 24px;
  line-height: 1;
  margin: 0 10px 0;
  color: #fff;
}

.place {
  margin-bottom: 40px;
  color: #A7A7A7;
}

.place .glyphicon {
  margin-right: 5px;
}

.place a {
  color: #A7A7A7;
}

.place a span {
  margin-right: 5px;
}

.place a.place-artcle-title {
  color: #C83842;
}

.place .current-item {
  color: #c83842;
}

.lecture-container {
  padding-top: 64px;
  padding-bottom: 64px;
}

.lecture-container .lecture-list {
  margin-top: 63px;
  text-align: center;
}

.lecture-container .lecture-list .lecture-item {
  width: 33.333333333%;
  float: left;
  margin-bottom: 75px;
  cursor: pointer;
}

.lecture-container .lecture-list .lecture-item img {
  border: 3px solid #e6e6e6;
  border-radius: 50%;
}

.lecture-container .lecture-list .lecture-item .lecture-name {
  margin-top: 28px;
  font-size: 18px;
  color: #0388cc;
  font-weight: bold;
}

.lecture-container .lecture-list .lecture-item .lecture-intro {
  font-size: 16px;
  margin: 10px 0px 20px 0px;
  font-weight: 500;
}

.lecture-container .lecture-list .lecture-item.active img {
  border: 3px solid #0388cc;
}

.lecture-container .sub-title {
  color: #c83842;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 26px;
  margin-top: 75px;
}

.lecture-container .deco-line {
  border-left: 50px solid #c83842;
  background-color: #e9e7e8;
}

.lecture-container .deco-line:before {
  content: '';
  display: block;
  width: 20px;
  height: 5px;
  background-color: #00203e;
}

.lecture-container .lecture-box {
  margin-top: 58px;
  margin-bottom: 64px;
}

.lecture-container .lecture-box .lecture-dec {
  border: 1px solid #e3e3e3;
  position: relative;
}

.lecture-container .lecture-box .lecture-dec .lecture-pic {
  max-height: 330px;
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text {
  display: inline-block;
  margin-left: 60px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text h3 {
  color: #0388cc;
  font-weight: 600;
  margin: 0px 0px 28px 0px;
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text .text-dec {
  padding-right: 60px;
  width: 600px;
  line-height: 1.5;
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text .mt40 {
  margin-top: 40px;
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text .text-icon {
  color: #0388cc;
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text .text-icon .fa {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  border: 1px solid #81c3e5;
  font-size: 15px;
  text-align: center;
}

.lecture-container .lecture-box .lecture-dec .vertical-center-text .text-icon .ml30 {
  margin-left: 30px;
}