/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/6764。（此备注只出现在演示站，下载的源码不包含。）*//**Template Name: JeannyAuthor: 最新最全最好的Bootstrap模板：http://www.bootstrapmb.com[TABLE OF CONTENTS]01. COMMONS02. GENERALS03. HEADER04. FOOTER05. PORTFOLIO06. NEWS**//** 01 COMMONS-------------------------------------------------- **/.container {  max-width: 1400px;  padding: 0 100px;  margin: 0 auto;  position: relative;}@media (max-width: 768px) {  .container {    padding: 0 25px;  }}@media (max-width: 600px) {  .container {    padding: 0 15px;  }}.column {  float: left;  position: relative;  min-height: 1px;  padding: 0 25px;}.column.col-1 {  width: 8.333%;}.column.col-2 {  width: 16.666%;}.column.col-3 {  width: 24.999%;}.column.col-4 {  width: 33.332%;}.column.col-5 {  width: 41.665%;}.column.col-6 {  width: 49.998%;}.column.col-7 {  width: 58.331%;}.column.col-8 {  width: 66.664%;}.column.col-9 {  width: 74.997%;}.column.col-10 {  width: 83.33%;}.column.col-11 {  width: 91.663%;}.column.col-12 {  width: 100%;}.column.offset-1 {  margin-left: 8.333%;}.column.offset-2 {  margin-left: 16.666%;}.column.offset-3 {  margin-left: 24.999%;}.column.offset-4 {  margin-left: 33.332%;}.column.offset-5 {  margin-left: 41.665%;}.column.offset-6 {  margin-left: 49.998%;}.column.offset-7 {  margin-left: 58.331%;}.column.offset-8 {  margin-left: 66.664%;}.column.offset-9 {  margin-left: 74.997%;}.column.offset-10 {  margin-left: 83.33%;}.column.offset-11 {  margin-left: 91.663%;}@media (max-width: 800px) {  .column {    float: none;    width: 100% !important;    padding: 0 !important;    margin-left: 0 !important;  }  .column:not(:last-child) {    margin-bottom: 50px;  }}.row {  display: block;  position: relative;  margin: 0 -25px;}@media (max-width: 800px) {  .row {    margin-left: 0 !important;    margin-right: 0 !important;  }}.container::after,.row::after,.clearfix::after {  content: '';  display: table;  clear: both;}*,*::before,*::after {  margin: 0;  padding: 0;  outline: 0;  border: 0;  vertical-align: baseline;  box-sizing: border-box;}body {  font-family: 'Josefin Sans';  font-size: 16px;  color: #222222;  line-height: 1.8;  overflow-y: scroll;  overflow-x: hidden;  background: #f7f7f7;  margin-top: 15px;  opacity: 1;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}body.visible {  margin-top: 0;  opacity: 1;}@media (max-width: 600px) {  body {    font-size: 14px;  }}h1,h2,h3,h4,h5,h6 {  font-weight: 700;  font-style: normal;}h1 {  font-size: 42px;}h2 {  font-size: 36px;}h3 {  font-size: 30px;}h4 {  font-size: 24px;}h5 {  font-size: 22px;}@media (max-width: 1023px) {  h1 {    font-size: 28px;  }  h2 {    font-size: 24px;  }  h3 {    font-size: 20px;  }  h4 {    font-size: 18px;  }  h5 {    font-size: 16px;  }}h6 {  text-transform: uppercase;  font-size: 14px;  letter-spacing: 1px;}p.lead {  font-size: 20px;  color: #999999;}@media (max-width: 600px) {  p.lead {    font-size: 16px;  }}a {  text-decoration: none;  color: inherit;  cursor: pointer;}a.link {  font-weight: 700;  position: relative;  -webkit-transition: color 0.2s;  -moz-transition: color 0.2s;  -ms-transition: color 0.2s;  -o-transition: color 0.2s;  transition: color 0.2s;}a.link:hover {  color: rgba(34, 34, 34, 0.7);}img,video {  max-width: 100%;  height: auto;  vertical-align: middle;}img.responsive,video.responsive {  display: block;  width: 100%;}figure {  position: relative;}figure figcaption {  position: absolute;  right: 15px;  bottom: 15px;  text-transform: uppercase;  padding: 15px 25px;  font-size: 12px;  font-weight: 700;  color: #999999;  letter-spacing: 1px;  line-height: 1;  background: #ffffff;  box-shadow: 0 0 50px rgba(34, 34, 34, 0.1);}ul,ol {  list-style: none;}table {  width: 100%;  border-collapse: collapse;  border-spacing: 0;}blockquote {  text-align: center;  padding: 25px 50px;}blockquote:before,blockquote:after {  content: '';  display: block;  margin: 0 auto;  width: 20px;  height: 3px;  background: #222222;}blockquote:before {  margin-bottom: 25px;}blockquote:after {  margin-top: 25px;}blockquote p {  font-size: 22px;  font-weight: 700;}blockquote .author {  font-size: 14px;  color: #999999;}@media (max-width: 600px) {  blockquote {    padding: 25px 0;  }}button,html input[type=button],input[type=reset],input[type=submit] {  -webkit-appearance: button;  cursor: pointer;}.btn,button,input[type=submit],input[type=reset],input[type=button] {  display: inline-block;  position: relative;  height: 50px;  line-height: 47px;  font-family: 'Josefin Sans';  font-size: 14px;  color: #222222;  padding: 0 25px;  background: transparent;  border: 3px solid #222222;}.form_group:not(:last-child) {  margin-bottom: 15px;}.form_group:not(:last-child).last {  margin-top: 25px;}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select {  max-width: 100%;  font-family: 'Josefin Sans';  padding: 15px;  color: #222222;  border: 1px solid #d9d9d9;  background: #ffffff;}textarea {  min-width: 100%;  max-width: 100%;  min-height: 120px;}label {  display: block;  margin-bottom: 5px;  cursor: pointer;}.float_left {  float: left;}.float_right {  float: right;}.text_left {  text-align: left;}.text_center {  text-align: center;}.text_right {  text-align: right;}div[class*='gap_'] {  display: block;}.gap_25 {  height: 25px;}.gap_50 {  height: 50px;}.gap_100 {  height: 100px;}.light_content {  color: #ffffff;}.light_content p.lead {  color: rgba(255, 255, 255, 0.7);}@media (max-width: 600px) {  .gap_100 {    height: 50px;  }}h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child),h5:not(:last-child),h6:not(:last-child),p:not(:last-child),ul:not(:last-child),ol:not(:last-child),blockquote:not(:last-child),table:not(:last-child) {  margin-bottom: 25px;}/** 02. GENERALS-------------------------------------------------- **/.fade {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1000;  background: #f7f7f7;  -webkit-transition: opacity 0.5s, visibility 0.5s;  -moz-transition: opacity 0.5s, visibility 0.5s;  -ms-transition: opacity 0.5s, visibility 0.5s;  -o-transition: opacity 0.5s, visibility 0.5s;  transition: opacity 0.5s, visibility 0.5s;}.fade.hide {  opacity: 0;  visibility: hidden;}.fade .lines {  display: flex;  justify-content: center;  width: 32px;  height: 10px;  position: absolute;  top: 50%;  left: 50%;  margin: -5px 0 0 -10px;}.fade .lines .line {  width: 2px;  height: 10px;  background: #222222;  -webkit-transition: opacity 0.3s;  -moz-transition: opacity 0.3s;  -ms-transition: opacity 0.3s;  -o-transition: opacity 0.3s;  transition: opacity 0.3s;  animation: lines .5s infinite linear;}.fade .lines .line:not(:last-child) {  margin-right: 3px;}.fade .lines .line:nth-child(2) {  animation-delay: .1s;}.fade .lines .line:nth-child(3) {  animation-delay: .2s;}@keyframes lines {  0% {    opacity: .1;  }  100% {    opacity: 1;  }}.search_wrap {  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 1000;  background: rgba(255, 255, 255, 0.9);  opacity: 0;  visibility: hidden;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.search_wrap.visible {  opacity: 1;  visibility: visible;}.search_wrap.visible #search {  display: block;  opacity: 1;  visibility: visible;}.search_wrap .search_content {  width: 100%;}.search_wrap .search_content #search .input_search {  width: 100%;  text-align: center;  font-size: 18px;  border: none;  border-bottom: 2px solid #222222;  background: none;}.rc_copy {  position: fixed;  top: 0;  left: 0;  opacity: 0;  visibility: hidden;  z-index: 9999;  padding: 15px 25px;  font-size: 12px;  color: #ffffff;  background: #222222;  pointer-events: none;  white-space: nowrap;  -webkit-transition: opacity 0.3s, visibility 0.3s;  -moz-transition: opacity 0.3s, visibility 0.3s;  -ms-transition: opacity 0.3s, visibility 0.3s;  -o-transition: opacity 0.3s, visibility 0.3s;  transition: opacity 0.3s, visibility 0.3s;}.rc_copy.visible {  opacity: 1;  visibility: visible;}.heading {  display: block;  position: relative;}.heading .heading_content {  z-index: 1;  padding: 100px 0;}.heading .heading_content[data-overlay=".1"] {  background: rgba(237, 237, 237, 0.1);}.heading .heading_content[data-overlay=".2"] {  background: rgba(237, 237, 237, 0.2);}.heading .heading_content[data-overlay=".3"] {  background: rgba(237, 237, 237, 0.3);}.heading .heading_content[data-overlay=".4"] {  background: rgba(237, 237, 237, 0.4);}.heading .heading_content[data-overlay=".5"] {  background: rgba(237, 237, 237, 0.5);}.heading .heading_content[data-overlay=".6"] {  background: rgba(237, 237, 237, 0.6);}.heading .heading_content[data-overlay=".7"] {  background: rgba(237, 237, 237, 0.7);}.heading .heading_content[data-overlay=".8"] {  background: rgba(237, 237, 237, 0.8);}.heading .heading_content[data-overlay=".9"] {  background: rgba(237, 237, 237, 0.9);}.heading .heading_content[data-overlay="1"] {  background: #ededed;}.heading .heading_content.light_content[data-overlay=".1"] {  background: rgba(34, 34, 34, 0.1);}.heading .heading_content.light_content[data-overlay=".2"] {  background: rgba(34, 34, 34, 0.2);}.heading .heading_content.light_content[data-overlay=".3"] {  background: rgba(34, 34, 34, 0.3);}.heading .heading_content.light_content[data-overlay=".4"] {  background: rgba(34, 34, 34, 0.4);}.heading .heading_content.light_content[data-overlay=".5"] {  background: rgba(34, 34, 34, 0.5);}.heading .heading_content.light_content[data-overlay=".6"] {  background: rgba(34, 34, 34, 0.6);}.heading .heading_content.light_content[data-overlay=".7"] {  background: rgba(34, 34, 34, 0.7);}.heading .heading_content.light_content[data-overlay=".8"] {  background: rgba(34, 34, 34, 0.8);}.heading .heading_content.light_content[data-overlay=".9"] {  background: rgba(34, 34, 34, 0.9);}.heading .heading_content.light_content[data-overlay="1"] {  background: #222222;}.heading .heading_content .heading_cat {  display: inline-block;  text-transform: uppercase;  font-size: 12px;  font-weight: 700;  letter-spacing: 1px;  height: 40px;  line-height: 38px;  padding: 0 25px;  border-radius: 50px;  border: 2px solid #222222;}.heading .heading_content.light_content .heading_cat {  border-color: #ffffff;}@media (max-width: 600px) {  .heading .heading_content {    padding: 50px 0;  }  .heading .heading_content .heading_cat {    font-size: 11px;    height: 30px;    line-height: 28px;  }}.slider,.owl-stage-outer,.owl-stage,.owl-item,.item {  display: block;  width: 100%;  height: 100%;  position: relative;}.caption {  position: absolute;  bottom: 0;  left: 0;  height: 60px;  line-height: 60px;  padding: 0 25px;  font-size: 14px;  color: #ffffff;  background: #222222;}.owl-nav {  width: 110px;  height: 50px;  z-index: 4;  position: absolute;  right: 15px;  bottom: 15px;}.owl-nav div {  position: absolute;  width: 50px;  height: 50px;  background: #ffffff;  cursor: pointer;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.owl-nav div.prev,.owl-nav div.owl-prev {  left: 0;}.owl-nav div.next,.owl-nav div.owl-next {  right: 0;}.owl-nav div.prev:before,.owl-nav div.owl-prev:before,.owl-nav div.next:before,.owl-nav div.owl-next:before {  content: '';  width: 8px;  height: 8px;  position: absolute;  top: 50%;  left: 50%;  margin: -4px 0 0 -4px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}.owl-nav div.prev:before,.owl-nav div.owl-prev:before {  border-bottom: 2px solid #222222;  border-left: 2px solid #222222;}.owl-nav div.next:before,.owl-nav div.owl-next:before {  border-top: 2px solid #222222;  border-right: 2px solid #222222;}.owl-nav div.prev:hover:before,.owl-nav div.owl-prev:hover:before {  border-bottom-color: rgba(34, 34, 34, 0.5);  border-left-color: rgba(34, 34, 34, 0.5);}.owl-nav div.next:hover:before,.owl-nav div.owl-next:hover:before {  border-top-color: rgba(34, 34, 34, 0.5);  border-right-color: rgba(34, 34, 34, 0.5);}.back2top {  width: 40px;  height: 40px;  border-radius: 4px;  background: #ffffff;  box-shadow: 0 0 30px rgba(34, 34, 34, 0.1);  position: fixed;  bottom: 15px;  right: 30px;  z-index: 100;  cursor: pointer;  opacity: 0;  visibility: hidden;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.back2top.visible {  bottom: 25px;  opacity: 1;  visibility: visible;}.back2top span {  width: 2px;  height: 10px;  background: #222222;  position: absolute;  top: 50%;  left: 50%;  margin: -5px 0 0 -1px;}.back2top span:before {  content: '';  width: 8px;  height: 8px;  position: absolute;  top: 0;  left: 50%;  margin-left: -4px;  border-top: 2px solid #222222;  border-left: 2px solid #222222;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}/** 03. HEADER-------------------------------------------------- **/.header {  width: 100%;  position: relative;  padding: 50px 0 50px;}.header .header_top {  width: 100%;  line-height: 50px;  display: flex;  align-items: center;  justify-content: space-between;  position: relative;}.header .header_top .header_logo {  font-size: 22px;  font-weight: 700;}.header .header_top .header_menu {  display: flex;  margin-bottom: 0;}.header .header_top .header_menu li {  position: relative;  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}.header .header_top .header_menu li:not(:last-child) {  margin-right: 25px;}.header .header_top .header_menu li a {  display: block;  text-transform: uppercase;  font-size: 12px;  font-weight: 700;  color: #999999;  letter-spacing: 1px;  position: relative;  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}.header .header_top .header_menu li a.active,.header .header_top .header_menu li a:hover {  color: #222222;}.header .header_top .header_menu li ul {  display: none;  min-width: 180px;  background: #ffffff;  white-space: nowrap;  position: absolute;  top: 100%;  right: -25px;  z-index: 10;  text-align: right;  padding: 25px;  box-shadow: 0 0 30px rgba(34, 34, 34, 0.1);}.header .header_top .header_menu li ul li {  line-height: 30px;}.header .header_top .header_menu li ul li:not(:last-child) {  margin-right: 0;  margin-bottom: 5px;}.header .header_top .header_menu li ul li a {  direction: block;  font-size: 11px;  position: relative;}.header .header_top .menu_toggle {  display: none;  cursor: pointer;}@media (max-width: 768px) {  .header .header_top .menu_toggle {    display: block;  }}.header .header_bottom {  padding-top: 5px;  display: flex;  justify-content: space-between;  align-items: center;}.header .header_bottom .tagline {  font-size: 14px;  color: #999999;}.header .header_bottom .search_toggle {  text-transform: uppercase;  font-size: 11px;  font-weight: 700;  letter-spacing: 1px;  cursor: pointer;}@media (max-width: 768px) {  .header .header_top .header_menu {    display: none;    width: 100%;    position: absolute;    top: 100%;    left: 0;    z-index: 10;    background: #ffffff;    text-align: left;    padding: 0;  }  .header .header_top .header_menu li:not(:last-child) {    margin-right: 0;  }  .header .header_top .header_menu li a {    padding: 0 25px;  }  .header .header_top .header_menu li a.parent:before {    display: block;    content: '';    width: 0;    height: 0;    border-right: 4px solid transparent;    border-left: 4px solid transparent;    border-top: 6px solid #cccccc;    position: absolute;    top: 50%;    right: 25px;    margin-top: -3px;  }  .header .header_top .header_menu li ul {    width: 100%;    position: relative;    top: 100%;    left: 0;    box-shadow: none;    text-align: left;    padding: 10px 25px;  }}@media (max-width: 600px) {  .header {    padding: 25px 0;  }  .header .header_top {    display: block;    text-align: center;    line-height: 40px;  }  .header .header_bottom {    display: block;    text-align: center;  }}/** 05. FOOTER-------------------------------------------------- **/.footer {  margin-top: 100px;  background: #f0f0f0;}.footer .inner {  text-align: center;  padding: 50px 0;}.footer .inner ul li {  display: inline-block;  position: relative;}.footer .inner ul li:not(:last-child) {  margin-right: 15px;}.footer .inner ul li a {  display: block;  text-transform: uppercase;  font-size: 12px;  font-weight: 700;  letter-spacing: 1px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.footer .inner ul li a:hover {  color: rgba(34, 34, 34, 0.5);}.footer .inner .copy {  color: #999999;}.footer .inner .copy a {  color: #222222;}@media (max-width: 600px) {  .footer {    margin-top: 50px;  }  .footer .inner {    padding: 25px 0;  }  .footer .inner ul li:not(:last-child) {    margin-right: 5px;  }  .footer .inner ul li a {    font-size: 9px;  }  .footer .inner .copy {    font-size: 12px;  }}/** 06. PORTFOLIO-------------------------------------------------- **/.entry {  position: relative;}.entry a {  display: block;  width: 100%;  height: 100%;  position: relative;}.entry .entry_overlay {  display: table;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 1;  background: rgba(34, 34, 34, 0.5);  padding: 30px;  color: #ffffff;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.entry .entry_overlay .overlay_content {  display: table-cell;  vertical-align: bottom;}.entry .entry_overlay .overlay_content .title {  text-transform: uppercase;  font-size: 14px;  font-weight: 700;  letter-spacing: 1px;  color: #ffffff;}.entry .entry_overlay .overlay_content .cat {  display: block;  font-size: 12px;  margin-top: 5px;}.entry .entry_text {  padding-top: 25px;}.entry .entry_text .title {  text-transform: uppercase;  font-size: 14px;  font-weight: 700;  color: #999999;  letter-spacing: 1px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.entry:hover .entry_text .title {  color: #222222;}.entry:hover .entry_overlay {  background: rgba(34, 34, 34, 0.7);}@media (max-width: 600px) {  .entry .entry_text {    padding-top: 15px;  }  .entry .entry_text .title {    font-size: 12px;  }}.pagination {  text-align: center;  margin-top: 100px;}.pagination li {  display: inline-block;  position: relative;  width: 35px;  height: 35px;  line-height: 33px;  color: #999999;  border-radius: 4px;  border: 2px solid #d9d9d9;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.pagination li:hover:not(.active) {  color: #222222;  border-color: #808080;}.pagination li:not(:last-child) {  margin-right: 5px;}.pagination li.active {  color: #222222;  border-color: #222222;}.pagination li a {  display: block;}@media (max-width: 600px) {  .pagination {    margin-top: 50px;  }}.project_bottom {  display: flex;  flex-direction: column;  justify-content: center;  text-align: center;  margin-top: 100px;}.project_bottom .navigation {  display: flex;  justify-content: center;  position: relative;  background: #fafafa;  box-shadow: 0 0 30px rgba(34, 34, 34, 0.05);}.project_bottom .navigation:not(:last-child) {  margin-bottom: 80px;}.project_bottom .navigation .prev,.project_bottom .navigation .next {  display: block;  width: 50%;  padding: 25px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.project_bottom .navigation .prev:hover,.project_bottom .navigation .next:hover {  box-shadow: 0 0 30px rgba(34, 34, 34, 0.05);}.project_bottom .navigation .prev span,.project_bottom .navigation .next span {  color: #999999;}.project_bottom .navigation .prev .title,.project_bottom .navigation .next .title {  text-transform: uppercase;  font-size: 14px;  font-weight: 700;  letter-spacing: 1px;}.project_bottom .navigation .prev {  text-align: right;}.project_bottom .navigation .next {  text-align: left;}.project_bottom .share .title {  color: #999999;  margin-bottom: 25px;}.project_bottom .share a {  display: inline-block;  font-size: 12px;  height: 40px;  line-height: 38px;  padding: 0 25px;  border: 2px solid #cccccc;  border-radius: 50px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.project_bottom .share a:hover {  border-color: #808080;}@media (max-width: 600px) {  .project_bottom {    margin-top: 50px;  }  .project_bottom .navigation {    display: block;  }  .project_bottom .navigation:not(:last-child) {    margin-bottom: 50px;  }  .project_bottom .navigation .prev,  .project_bottom .navigation .next {    width: 100%;    text-align: left;    font-size: 12px;  }  .project_bottom .navigation .prev span,  .project_bottom .navigation .next span {    display: block;  }  .project_bottom .navigation .prev .title,  .project_bottom .navigation .next .title {    font-size: 12px;  }  .project_bottom .share a {    width: 45%;    height: 30px;    line-height: 28px;    padding: 0 15px;    margin-bottom: 5px;  }}.custom_popup {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1000;  background: #ffffff;}.custom_popup .meta {  height: 80px;  position: absolute;  top: 0;  right: 50px;  left: 50px;  z-index: 1;}.custom_popup .meta .title {  text-transform: uppercase;  font-size: 14px;  font-weight: 700;  letter-spacing: 1px;  color: #222222;  line-height: 80px;}.custom_popup .meta .close {  width: 14px;  height: 80px;  cursor: pointer;  position: absolute;  top: 0;  right: 0;}.custom_popup .meta .close span {  width: 14px;  height: 14px;  position: absolute;  top: 50%;  left: 50%;  margin: -7px 0 0 -7px;}.custom_popup .meta .close span:before,.custom_popup .meta .close span:after {  content: '';  width: 100%;  height: 2px;  position: absolute;  top: 50%;  background: #222222;  -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}.custom_popup .meta .close span:before {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}.custom_popup .meta .close span:after {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}.custom_popup .meta .close:hover span:before,.custom_popup .meta .close:hover span:after {  background: rgba(34, 34, 34, 0.5);}.custom_popup .frame {  position: absolute;  top: 80px;  right: 50px;  bottom: 80px;  left: 50px;  text-align: center;  background: #ffffff;}.custom_popup .frame img {  max-width: 100%;  max-height: 100%;  opacity: 0;  position: relative;  left: -15px;  cursor: pointer;  -webkit-transition: opacity 0.3s, left 0.3s;  -moz-transition: opacity 0.3s, left 0.3s;  -ms-transition: opacity 0.3s, left 0.3s;  -o-transition: opacity 0.3s, left 0.3s;  transition: opacity 0.3s, left 0.3s;}.custom_popup .frame img.visible {  opacity: 1;  left: 0;}.custom_popup .nav {  height: 80px;  position: absolute;  right: 50px;  bottom: 0;  left: 50px;}.custom_popup .nav .prev {  top: 0;  left: 0;}.custom_popup .nav .next {  top: 0;  right: 0;}.custom_popup .nav .prev,.custom_popup .nav .next {  width: 12px;  height: 80px;  position: absolute;  cursor: pointer;}.custom_popup .nav .prev span,.custom_popup .nav .next span {  width: 12px;  height: 12px;  position: absolute;  top: 50%;  left: 0;  margin-top: -6px;  border-top: 2px solid #222222;  border-left: 2px solid #222222;  -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}.custom_popup .nav .prev:hover span,.custom_popup .nav .next:hover span {  border-top-color: rgba(34, 34, 34, 0.5);  border-left-color: rgba(34, 34, 34, 0.5);}.custom_popup .nav .prev.disabled,.custom_popup .nav .next.disabled {  cursor: default;}.custom_popup .nav .prev.disabled span,.custom_popup .nav .next.disabled span {  border-top-color: rgba(34, 34, 34, 0.1);  border-left-color: rgba(34, 34, 34, 0.1);}.custom_popup .nav .next span {  -webkit-transform: rotate(-225deg);  -moz-transform: rotate(-225deg);  -ms-transform: rotate(-225deg);  -o-transform: rotate(-225deg);  transform: rotate(-225deg);}.custom_popup .nav .counter {  height: 80px;  line-height: 80px;  position: absolute;  top: 0;  left: 50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);}.custom_popup .mfp-close {  display: none;}@media (max-width: 800px) {  .custom_popup .meta,  .custom_popup .nav {    right: 25px;    left: 25px;  }  .custom_popup .frame {    right: 0;    left: 0;  }}@media (max-width: 600px) {  .custom_popup .meta .title {    font-size: 20px;  }}/** 07. NEWS-------------------------------------------------- **/.post_thumb {  margin: 0 -50px 50px;}@media (max-width: 600px) {  .post_thumb {    margin: 0 0 50px;  }}.post_comments {  margin-top: 100px;}.post_comments .comments {  margin-bottom: 50px;}.post_comments .comments li.comment {  display: block;  position: relative;  padding: 50px;  background: #fafafa;  box-shadow: 0 0 30px rgba(34, 34, 34, 0.05);}.post_comments .comments li.comment:not(:last-child) {  margin-bottom: 50px;}.post_comments .comments li.comment .img {  width: 60px;  float: left;}.post_comments .comments li.comment .img img {  display: block;  width: 60px;  border-radius: 50%;}.post_comments .comments li.comment .desc {  padding-left: 100px;}.post_comments .comments li.comment .desc h5 {  margin-bottom: 0;}.post_comments .comments li.comment .desc .date {  display: block;  font-size: 12px;  color: #999999;  margin-bottom: 15px;}.post_comments .comments li.comment .comments {  padding: 50px 0 0 50px;  margin-bottom: 0;}@media (max-width: 1024px) {  .post_comments .comments li.comment .comments {    padding-left: 0;  }}@media (max-width: 600px) {  .post_comments .comments li.comment {    padding: 25px;  }  .post_comments .comments li.comment .img {    display: none;  }  .post_comments .comments li.comment .desc {    padding-left: 0;  }  .post_comments .comments li.comment .desc p {    font-size: 12px;  }  .post_comments .comments li.comment .desc a.reply {    font-size: 12px;  }  .post_comments .comments li.comment .comments {    margin: 0 -15px;  }}@media (max-width: 600px) {  .post_comments {    margin-top: 50px;  }}/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/6764。（此备注只出现在演示站，下载的源码不包含。）*/