/* line 4, ../sass/main.scss */
.article .content .messages .news .report:hover, .article .content .main_content .goods .product_list li a:hover {
  color: #f4ae00;
  text-decoration: none; }

@-webkit-keyframes move {
  0% {
    left: 0; }
  100% {
    left: -1505px; } }
@keyframes move {
  0% {
    left: 0; }
  100% {
    left: -1505px; } }
@-moz-keyframes move {
  0% {
    left: 0; }
  100% {
    left: -1505px; } }
@-o-keyframes move {
  0% {
    left: 0; }
  100% {
    left: -1505px; } }
/* line 45, ../sass/main.scss */
.article {
  -webkit-transition: 2s; }
/* line 47, ../sass/main.scss */
.article .wrapper {
  padding-top: 25px;
  padding-bottom: 45px; }
/* line 52, ../sass/main.scss */
.article .content {
  overflow: hidden; }
/* line 54, ../sass/main.scss */
.article .content .picshow {
  position: relative;
  height: 530px;
  float: left;
  width: 70%; }
/* line 59, ../sass/main.scss */
.article .content .picshow .little_btn {
  position: absolute;
  bottom: 20px;
  right: 140px; }
/* line 63, ../sass/main.scss */
.article .content .picshow .little_btn i {
  margin-left: 5px;
  display: inline-block;
  height: 15px;
  width: 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #f5aa00; }
/* line 71, ../sass/main.scss */
.article .content .picshow .little_btn .focus {
  background: #f5aa00; }
/* line 76, ../sass/main.scss */
.article .content .piclist {
  position: relative; }
/* line 78, ../sass/main.scss */
.article .content .piclist li {
  display: none;
  position: absolute; }
/* line 81, ../sass/main.scss */
.article .content .piclist li img {
  height: 530px;
  width: 100%; }
/* line 86, ../sass/main.scss */
.article .content .piclist .first {
  display: block; }
/* line 90, ../sass/main.scss */
.article .content .messages {
  float: right;
  width: 28%;
  height: 530px;
  padding-left: 22px; }
/* line 95, ../sass/main.scss */
.article .content .messages .new {
  height: 40px;
  line-height: 50px;
  font-size: 24px;
  background: url(/hbhbs../images/icons/book.png) no-repeat 3px center;
  text-indent: 26px;
  letter-spacing: 2px;
  color: #333;
  font-weight: 400;
  margin-bottom: 16px; }
/* line 106, ../sass/main.scss */
.article .content .messages .new a {
  line-height: 40px;
  display: inline-block;
  height: 36px;
  vertical-align: top; }
/* line 112, ../sass/main.scss */
.article .content .messages .new img {
  height: 26px;
  margin-left: 8px; }
/* line 117, ../sass/main.scss */
.article .content .messages .news {
  font-size: 14px;
  margin-bottom: 19px;
  background: url(/hbhbs../images/icons/circle.png) no-repeat 7px center;
  text-indent: 24px; }
/* line 122, ../sass/main.scss */
.article .content .messages .news .topic {
  font-size: 10px; }
/* line 124, ../sass/main.scss */
.article .content .messages .news .topic:hover {
  color: #000; }
/* line 128, ../sass/main.scss */
.article .content .messages .news .report {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  width: 70%;
  text-indent: 8px; }
/* line 141, ../sass/main.scss */
.article .content .messages .pic_hubei {
  width: 100%;
  height: 180px;
  margin-top: 15px;
  position: relative;
  overflow: hidden; }
/* line 147, ../sass/main.scss */
.article .content .messages .pic_hubei img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 180px; }
/* line 154, ../sass/main.scss */
.article .content .messages .pic_hubei .mask {
  position: absolute;
  width: 100%;
  height: 160px;
  background: rgba(0, 0, 0, 0.44);
  left: 0;
  top: 0;
  height: 180px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }
/* line 164, ../sass/main.scss */
.article .content .messages .pic_hubei .hubei {
  position: absolute;
  top: 50px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  width: 100%; }
/* line 172, ../sass/main.scss */
.article .content .messages .pic_hubei input {
  position: absolute;
  bottom: 30px;
  width: 95px;
  background: #f4ae00;
  color: #000;
  height: 40px;
  border: none;
  font-size: 16px;
  left: 119px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
/* line 184, ../sass/main.scss */
.article .content .messages .pic_hubei input:hover {
  font-weight: bold;
  color: #fff; }
/* line 191, ../sass/main.scss */
.article .content .main_content {
  width: 100%;
  height: auto;
  clear: both;
  float: none; }
/* line 197, ../sass/main.scss */
.article .content .main_content .theme {
  *zoom: 1;
  clear: both;
  padding-top: 40px;
  padding-bottom: 17px;
  position: relative; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.article .content .main_content .theme:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 203, ../sass/main.scss */
.article .content .main_content .theme .theme_title {
  float: left;
  font-size: 22px;
  background: url(/hbhbs../images/icons/pic_story.png) no-repeat left center;
  padding: 5px 0;
  padding-left: 52px; }
/* line 211, ../sass/main.scss */
.article .content .main_content .theme .photo {
  background-image: url(/hbhbs../images/icons/camera.png); }
/* line 214, ../sass/main.scss */
.article .content .main_content .theme .video {
  background-image: url(/hbhbs../images/icons/video.png); }
/* line 217, ../sass/main.scss */
.article .content .main_content .theme .grapher {
  background-image: url(/hbhbs../images/icons/grapher.png); }
/* line 220, ../sass/main.scss */
.article .content .main_content .theme .more {
  float: right;
  background: url(/hbhbs../images/icons/more.png) no-repeat right center;
  padding: 5px 0;
  padding-right: 34px; }
/* line 226, ../sass/main.scss */
.article .content .main_content .theme img {
  left: 152px;
  top: 46px;
  position: absolute; }
/* line 233, ../sass/main.scss */
.article .content .main_content .picture_all {
  width: 100%;
  height: 350px;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.article .content .main_content .picture_all:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 237, ../sass/main.scss */
.article .content .main_content .picture_all .picture {
  width: 19%;
  float: left;
  margin-right: 1.2%;
  height: 350px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  background: #fff; }
/* line 246, ../sass/main.scss */
.article .content .main_content .picture_all .picture .big_picture {
  width: 100%;
  height: 232px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }
/* line 251, ../sass/main.scss */
.article .content .main_content .picture_all .picture .big_picture:hover {
  -webkit-transform: scale(1.2); }
/* line 255, ../sass/main.scss */
.article .content .main_content .picture_all .picture a {
  position: relative;
  height: 232px;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  vertical-align: top; }
/* line 263, ../sass/main.scss */
.article .content .main_content .picture_all .picture .little_picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px; }
/* line 269, ../sass/main.scss */
.article .content .main_content .picture_all .picture .article_title {
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 16px; }
/* line 274, ../sass/main.scss */
.article .content .main_content .picture_all .picture .author {
  color: #9fa09a;
  font-size: 14px; }
/* line 278, ../sass/main.scss */
.article .content .main_content .picture_all .picture .pic_label {
  font-size: 18px; }
/* line 282, ../sass/main.scss */
.article .content .main_content .picture_all .last {
  margin: 0; }
/* line 287, ../sass/main.scss */
.article .content .main_content .goods .goods_title, .article .content .main_content .magazine .goods_title {
  margin-top: 40px;
  margin-bottom: 17px;
  padding: 5px 0;
  padding-left: 52px;
  font-size: 22px; }
/* line 295, ../sass/main.scss */
.article .content .main_content .goods {
  float: left;
  width: 78%; }
/* line 298, ../sass/main.scss */
.article .content .main_content .goods .goods_title {
  background: url(/hbhbs../images/icons/buy.png) no-repeat left center;
  position: relative; }
/* line 301, ../sass/main.scss */
.article .content .main_content .goods .goods_title img {
  position: absolute;
  left: 170px;
  top: 5px; }
/* line 307, ../sass/main.scss */
.article .content .main_content .goods .product {
  height: 454px;
  width: 100%;
  position: relative; }
/* line 312, ../sass/main.scss */
.article .content .main_content .goods .product_list {
  position: absolute;
  width: 21%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff; }
/* line 319, ../sass/main.scss */
.article .content .main_content .goods .product_list li {
  border-bottom: 1px solid #eee;
  height: 13%;
  padding-left: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 350%; }
/* line 331, ../sass/main.scss */
.article .content .main_content .goods .product_list .last {
  border: none;
  height: 22%; }
/* line 334, ../sass/main.scss */
.article .content .main_content .goods .product_list .last input {
  width: 140px;
  height: 30px;
  line-height: 30px;
  background: #f4ae00;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  margin-top: 35px; }
/* line 346, ../sass/main.scss */
.article .content .main_content .goods .price {
  position: absolute;
  left: 201px;
  top: 0; }
/* line 350, ../sass/main.scss */
.article .content .main_content .goods .price li {
  float: left;
  width: 237px;
  height: 222px;
  margin-left: 7px;/*8px;*/
  background: #fff;
  margin-bottom: 7px; }
/* line 357, ../sass/main.scss */
.article .content .main_content .goods .price li img {
  width: 237px;
  height: 160px; }
/* line 361, ../sass/main.scss */
.article .content .main_content .goods .price li h2 {
  height: 32px;
  line-height: 35px;
  text-indent: 15px; }
/* line 366, ../sass/main.scss */
.article .content .main_content .goods .price li span, .article .content .main_content .goods .price li a {
  display: inline-block;
  height: 30px;
  color: #fff;
  vertical-align: top;
  line-height: 30px; }
/* line 373, ../sass/main.scss */
.article .content .main_content .goods .price li span {
  width: 150px;
  background: url(/hbhbs../images/icons/form.png) no-repeat right center #e77918;
  font-size: 18px;
  /*text-indent: 20px;*/
  text-align: center;
}
/* line 379, ../sass/main.scss */
.article .content .main_content .goods .price li a {
  width: 87px;
  background: #f5ad01;
  font-size: 16px;
  text-align: center; }
/* line 384, ../sass/main.scss */
.article .content .main_content .goods .price li a:hover {
  text-decoration: underline; }
/* line 392, ../sass/main.scss */
.article .content .main_content .magazine {
  float: right;
  width: 19%; }
/* line 395, ../sass/main.scss */
.article .content .main_content .magazine .goods_title {
  background: url(/hbhbs../images/icons/mag.png) no-repeat left center;
  position: relative; }
/* line 398, ../sass/main.scss */
.article .content .main_content .magazine .goods_title img {
  position: absolute;
  left: 150px;
  top: 6px; }
/* line 404, ../sass/main.scss */
.article .content .main_content .magazine .mag_show {
  width: 100%;
  height: 454px;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.article .content .main_content .magazine .mag_show:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.article .content .main_content .magazine .mag_show .mag_roll{
  width: 100%;
  height: 98px;
  *zoom: 1; }

.article .content .main_content .magazine .mag_show .mag_roll .rollmag {
  position: relative;
  clear: both;
  width: 100%;
  height: 98px;
  /*-webkit-animation: 9s move infinite linear;
  animation: 9s move infinite linear;
  -moz-animation: 9s move infinite linear;
  -o-animation: 9s move infinite linear;*/
}
/* line 581, ../sass/main.scss */
.article .content .main_content .magazine .mag_show .mag_roll .rollmag:hover {
  /*-webkit-animation-play-state: paused;
  animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused; */
}
/* line 587, ../sass/main.scss */
.article .content .main_content .magazine .mag_show .mag_roll .rollmag img {
  /*position: absolute;
  width: 286px;
  height: 90px;
  left: 0;
  top: 0; */
}


/* line 409, ../sass/main.scss */
.article .content .main_content .magazine .mag_show .bp {
  width: 100%;
  height: 308px; }
/* line 413, ../sass/main.scss */
.article .content .main_content .magazine .mag_show .mag_roll .rollmag .lp {
  margin-top: 7px;
  margin-right: 4px;
  width: 70px;
  height: 98px; }
/* line 419, ../sass/main.scss */
.article .content .main_content .magazine .mag_show .mag_roll .rollmag .last {
  margin-right: 0; }


/* line 422, ../sass/main.scss */
.article .content .main_content .magazine input {
  width: 97px;
  height: 28px;
  border: none;
  color: #fff;
  margin-top: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
/* line 430, ../sass/main.scss */
.article .content .main_content .magazine .order {
  float: left;
  vertical-align:top;
  background: url(/hbhbs../images/icons/order.png) no-repeat 8px center #f4ae00; }
/* line 434, ../sass/main.scss */
.article .content .main_content .magazine .o-more {
  background: url(/hbhbs../images/icons/ordermore.png) no-repeat 8px center #f4ae00;
  vertical-align:top;
  margin-top:8px;
  float: right; }
/* line 440, ../sass/main.scss */
.article .content .main_content .camera {
  float: left;
  background: #fff;
  width: 24%;
  height: 354px;
  text-align: center;
  margin-right: 1.3%; }
/* line 447, ../sass/main.scss */
.article .content .main_content .camera img {
  width: 100%;
  height: 124px; }
/* line 451, ../sass/main.scss */
.article .content .main_content .camera h1 {
  margin: 30px 0;
  font-size: 16px; }
/* line 455, ../sass/main.scss */
.article .content .main_content .camera p {
  font-size: 14px;
  color: #999; }
/* line 459, ../sass/main.scss */
.article .content .main_content .camera .time {
  margin-bottom: 13px; }
/* line 462, ../sass/main.scss */
.article .content .main_content .camera input {
  height: 50px;
  width: 170px;
  font-size: 20px;
  margin-top: 28px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff; }
/* line 472, ../sass/main.scss */
.article .content .main_content .c-video {
  position: relative;
  height: 310px;
  width: 24%;
  margin-right: 1.3%;
  background: #fff;
  float: left; }
/* line 479, ../sass/main.scss */
.article .content .main_content .c-video h1 {
  height: 43px;
  width: 90px;
  line-height: 43px;
  font-size: 18px;
  margin-left: 100px;
  text-align: center; }
/* line 487, ../sass/main.scss */
.article .content .main_content .c-video h2 {
  font-size: 16px;
  text-align: center;
  margin: 20px 0 13px 0; }
/* line 492, ../sass/main.scss */
.article .content .main_content .c-video p {
  text-align: center;
  font-size: 14px;
  width: 100%;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
/* line 499, ../sass/main.scss */
.article .content .main_content .c-video .video_mask {
  position: absolute;
  width: 100%;
  height: 180px;
  top: 45px;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }
/* line 507, ../sass/main.scss */
.article .content .main_content .c-video #play-button {
  top: -70px;
  left: 10px; }
/* line 512, ../sass/main.scss */
.article .content .main_content .c-video .vjs-big-play-button {
  width: 65px;
  height: 40px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
/* line 519, ../sass/main.scss */
.article .content .main_content .c-video .vjs-big-play-button span {
  background: url("/hbhbs/theme/default/css/video-js2.png") no-repeat -100px -1px; }
/* line 523, ../sass/main.scss */
.article .content .main_content .c-video img {
  width: 100%;
  height: 180px; }
/* line 528, ../sass/main.scss */
.article .content .main_content .f-grapher {
  width: 24%;
  margin-right: 1.3%;
  float: left;
  background: #fff;
  height: 280px;
  cursor: pointer;
  margin-bottom: 74px;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s; }
/* line 537, ../sass/main.scss */
.article .content .main_content .f-grapher:hover {
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa; }
/* line 540, ../sass/main.scss */
.article .content .main_content .f-grapher img {
  width: 100%;
  height: 197px; }
/* line 544, ../sass/main.scss */
.article .content .main_content .f-grapher .fp img{
  /*background: url(/hbhbs../images/fp1.png) no-repeat 15px center;*/
  width: 35px; height: 35px;
  margin: 5px;
  border-radius: 18px;
}
.main_content .f-grapher .fp p{
  line-height: 120%;
}
/* line 547, ../sass/main.scss */
.article .content .main_content .f-grapher .fp2 {
  background: url(/hbhbs../images/fp2.png) no-repeat 15px center; }
/* line 550, ../sass/main.scss */
.article .content .main_content .f-grapher .fp3 {
  background: url(/hbhbs../images/fp3.png) no-repeat 15px center; }
/* line 553, ../sass/main.scss */
.article .content .main_content .f-grapher .fp4 {
  background: url(/hbhbs../images/fp4.png) no-repeat 15px center; }
/* line 556, ../sass/main.scss */
.article .content .main_content .f-grapher p {
  margin-top: 20px;
  margin-left: 70px;
  color: #666;
}
/* line 561, ../sass/main.scss */
.article .content .main_content .f-grapher .f-author {
  font-size: 18px; }
/* line 564, ../sass/main.scss */
.article .content .main_content .f-grapher .f-place {
  font-size: 14px; }
/* line 568, ../sass/main.scss */
.article .content .main_content .n-margin {
  margin: 0; }
/* line 572, ../sass/main.scss */
.article .content .ad {
  position: relative;
  clear: both;
  width: 1505px;
  height: 90px;
  /*-webkit-animation: 9s move infinite linear;
  animation: 9s move infinite linear;
  -moz-animation: 9s move infinite linear;
  -o-animation: 9s move infinite linear; */
}
/* line 581, ../sass/main.scss */
.article .content .ad:hover {
  /* -webkit-animation-play-state: paused;
   animation-play-state: paused;
   -moz-animation-play-state: paused;
   -o-animation-play-state: paused; */
}
/* line 587, ../sass/main.scss */
.article .content .ad img {
  /*position: absolute;
  width: 286px;
  height: 90px;
  left: 0;
  top: 0; */
}

/* line 601, ../sass/main.scss */
.s-article .pos {
  background: url('/hbhbs../images/icons/pic_story.png') no-repeat left center;
  position: relative; }
/* line 604, ../sass/main.scss */
.s-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 610, ../sass/main.scss */
.s-article .a-show {
  display: none;
  width: 100%;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.s-article .a-show:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 614, ../sass/main.scss */
.s-article .a-show li {
  width: 32%;
  height: 370px;
  background: #fff;
  margin-bottom: 24px;
  float: left;
  margin-right: 2%;

}
/* line 622, ../sass/main.scss */
.s-article .a-show li img {
  width: 100%;
  height: 240px; }
/* line 626, ../sass/main.scss */
.s-article .a-show li .a-content {
  margin-top: -2px;
  padding-top: 16px;
  padding-left: 18px;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
}
/* line 632, ../sass/main.scss*/
.s-article .a-show li .a-content h1 {
  font-size: 18px;
  /*padding-bottom: 26px; */}
/* line 636, ../sass/main.scss */
.s-article .a-show li .a-content p {
  margin-top:10px;
  margin-right:10px;
  font-size: 14px;
  color: #666;
  line-height: 18px;
  overflow: hidden;
  margin-bottom: 24px; }
/* line 644, ../sass/main.scss */
.s-article .a-show li .a-content .label-des i {
  margin-right: 23px; }
/* line 648, ../sass/main.scss */
.s-article .a-show li .a-content .see, .s-article .a-show li .a-content .love {
  display: inline-block;
  vertical-align: top;
  height: 27px;
  padding-left: 19px; }
/* line 654, ../sass/main.scss */
.s-article .a-show li .a-content .see {
  background: url(/hbhbs../images/icons/eye.png) no-repeat left 3px;
  margin-left: 50px; }
/* line 658, ../sass/main.scss */
.s-article .a-show li .a-content .love {
  background: url(/hbhbs../images/icons/love.png) no-repeat left 0px;
  margin-left: 20px; }
/* line 664, ../sass/main.scss */
.s-article .a-show .n-margin {
  margin-right: 0; }
/* line 668, ../sass/main.scss */
.s-article .focus {
  display: block; }
/* line 671, ../sass/main.scss */
.s-article .lookMore {
  text-align: center;
  clear: both;
  margin-bottom: 60px; }
/* line 674, ../sass/main.scss */
.s-article .lookMore input {
  margin-top: 38px;
  width: 193px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  background: #f4ae00;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/* videoPage section */
/* line 690, ../sass/main.scss */
.v-article .pos {
  background: url(/hbhbs../images/icons/video.png) no-repeat left center;
  position: relative; }
/* line 693, ../sass/main.scss */
.v-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 699, ../sass/main.scss */
.v-article .v-show {
  display: none; }
/* line 702, ../sass/main.scss */
.v-article .focus {
  display: block; }
/* line 705, ../sass/main.scss */
.v-article .v-list {
  width: 100%;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.v-article .v-list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 708, ../sass/main.scss */
.v-article .v-list li {
  width: 32%;
  height: 280px;
  background: #fff;
  float: left;
  margin-bottom: 24px;
  margin-right: 2%;
  border-bottom: 1px solid #b5b5b5; }
/* line 716, ../sass/main.scss */
.v-article .v-list li img {
  width: 100%;
  height: 212px; }
/* line 720, ../sass/main.scss */
.v-article .v-list li #play-button {
  top: -100px; }
/* line 723, ../sass/main.scss */
.v-article .v-list li .v-mes {
  margin-top: -2px;
  padding-top: 12px;
  padding-left: 18px;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5; }
/* line 730, ../sass/main.scss */
.v-article .v-list li .v-title {
  margin-bottom: 10px; }
/* line 733, ../sass/main.scss */
.v-article .v-list li .describe {
  font-size: 18px;
  margin-right: 10px; }
/* line 737, ../sass/main.scss */
.v-article .v-list li .time {
  font-size: 10px;
  color: #666; }
/* line 741, ../sass/main.scss */
.v-article .v-list li .mar {
  margin-left: 140px; }
/* line 744, ../sass/main.scss */
.v-article .v-list li .vjs-big-play-button {
  width: 105px;
  height: 70px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
/* line 751, ../sass/main.scss */
.v-article .v-list li .vjs-default-skin .vjs-big-play-button span {
  background: url("/hbhbs/theme/default/css/video-js3.png") no-repeat -100px -1px; }

/* line 757, ../sass/main.scss */
.c-play {
  position: fixed;
  width: 840px;
  height: 564px;
  background: #fff;
  top: 50px;
  z-index: 110;
  display: none; }
/* line 765, ../sass/main.scss */
.c-play .close {
  *zoom: 1;
  position: absolute;
  width: 100%;
  height: 60px;
  font-size: 40px;
  background: #fff;
  top: 0;
  left: 0px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  text-align: center;
  z-index: 120; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.c-play .close:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 777, ../sass/main.scss */
.c-play .close h2 {
  float: left;
  text-indent: 20px;
  line-height: 60px;
  font-size: 26px;
  font-weight: normal; }
/* line 784, ../sass/main.scss */
.c-play .close span {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  line-height: 40px; }
/* line 789, ../sass/main.scss */
.c-play .close span:hover {
  color: #f4ae00; }
/* line 795, ../sass/main.scss */
.c-play .vjs-big-play-button {
  width: 105px;
  height: 70px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
/* line 802, ../sass/main.scss */
.c-play .vjs-default-skin .vjs-big-play-button span {
  background: url("/hbhbs/theme/default/css/video-js3.png") no-repeat -100px -1px; }

/* magazine page */
/* line 808, ../sass/main.scss */
.m-article {
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.m-article:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 810, ../sass/main.scss */
.m-article .pos {
  background: url(/hbhbs../images/icons/mag.png) no-repeat left center;
  position: relative; }
/* line 813, ../sass/main.scss */
.m-article .pos img {
  position: absolute;
  left: 146px;
  top: 4px; }
/* line 819, ../sass/main.scss */
.m-article .m-show {
  display: none;
  float: left;
  width: 78.5%;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.m-article .m-show:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 824, ../sass/main.scss */
.m-article .m-show li {
  float: left;
  text-align: center;
  width: 27%;
  padding: 15px 10px;
  background: #fff;
  margin-right: 5%;
  margin-bottom: 42px; }
/* line 832, ../sass/main.scss */
.m-article .m-show li img {
  width: 251px;
  height: 354px; }
/* line 836, ../sass/main.scss */
.m-article .m-show li p {
  margin: 10px 0;
  font-size: 16px; }
/* line 840, ../sass/main.scss */
.m-article .m-show li input {
  width: 90px;
  height: 30px;
  font-size: 16px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  background: #f4ae00; }
/* line 851, ../sass/main.scss */
.m-article .focus {
  display: block; }
/* line 854, ../sass/main.scss */
.m-article .m-slide {
  background: #fff;
  float: right;
  width: 19%;
  padding: 15px; }
/* line 859, ../sass/main.scss */
.m-article .m-slide .m-intro, .m-article .m-slide .m-order {
  font-size: 24px;
  padding: 5px 0px 5px 45px;
  color: #f4ae00; }
/* line 864, ../sass/main.scss */
.m-article .m-slide .m-intro {
  background: url(/hbhbs../images/icons/agree.png) no-repeat left center; }
/* line 867, ../sass/main.scss */
.m-article .m-slide .m-title {
  margin: 36px 0; }
/* line 869, ../sass/main.scss */
.m-article .m-slide .m-title li {
  background: url(/hbhbs../images/icons/circle.png) no-repeat left center;
  padding-left: 15px;
  font-size: 16px;
  margin-bottom: 14px; }
/* line 877, ../sass/main.scss */
.m-article .m-slide .m-center {
  margin-top: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 15px; }
/* line 882, ../sass/main.scss */
.m-article .m-slide .m-center img {
  width: 166px;
  height: 234px;
  margin-bottom: 20px; }
/* line 887, ../sass/main.scss */
.m-article .m-slide .m-center span {
  color: #c50000;
  font-size: 14px; }
/* line 890, ../sass/main.scss */
.m-article .m-slide .m-center span i {
  font-size: 20px; }
/* line 894, ../sass/main.scss */
.m-article .m-slide .m-center input {
  font-size: 18px;
  background: #f4ae00;
  color: #fff;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 70px;
  height: 27px;
  margin-left: 28px; }
/* line 905, ../sass/main.scss */
.m-article .m-slide .m-order {
  background: url(/hbhbs../images/icons/buy.png) no-repeat left center; }
.m-article .lookMore {
  text-align: center;
  clear: both;
  margin-bottom: 60px; }
/* line 674, ../sass/main.scss */
.m-article .lookMore input {
  margin-top: 38px;
  width: 193px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  background: #f4ae00;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
/* about page */
/* line 912, ../sass/main.scss */
.u-article .wrapper {
  padding-bottom: 58px; }
/* line 915, ../sass/main.scss */
.u-article .pos {
  background: url(/hbhbs../images/icons/about.png) no-repeat left center;
  text-indent: 145px;
  position: relative; }
/* line 919, ../sass/main.scss */
.u-article .pos img {
  position: absolute;
  left: 238px;
  top: 4px; }
/* line 925, ../sass/main.scss */
.u-article .u-all {
  *zoom: 1;
  padding-top: 48px;
  padding-left: 30px;
  background: #fff;
  padding-bottom: 28px;
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.u-article .u-all:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 933, ../sass/main.scss */
.u-article .u-about {
  float: left;
  width: 15%;
  text-align: center; }
/* line 937, ../sass/main.scss */
.u-article .u-about li {
  width: 100%;
  height: 56px;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #f4ae00;
  line-height: 56px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }
/* line 946, ../sass/main.scss */
.u-article .u-about .ground {
  background: #f4ae00;
  color: #fff; }
/* line 951, ../sass/main.scss */
.u-article .u-essay {
  border-top: 1px solid #c9c9c9;
  float: right;
  width: 73%;
  margin-left: 7%;
  margin-right: 5%;
  display: none; }
/* line 958, ../sass/main.scss */
.u-article .u-essay h1 {
  margin-top: 22px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #000; }
/* line 966, ../sass/main.scss */
.u-article .u-essay h2 {
  margin-bottom: 37px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #000; }
/* line 973, ../sass/main.scss */
.u-article .u-essay p {
  font-size: 14px;
  color: #666;
  line-height: 24px; }
/* line 979, ../sass/main.scss */
.u-article .focus {
  display: block; }

/* news page */
/* line 985, ../sass/main.scss */
.n-article .wrapper {
  padding-top: 30px;
  padding-bottom: 75px; }
/* line 989, ../sass/main.scss */
.n-article .pos {
  background: url(/hbhbs../images/icons/book.png) no-repeat left center;
  position: relative; }
/* line 992, ../sass/main.scss */
.n-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 998, ../sass/main.scss */
.n-article .n-news {
  width: 100%;
  background: #fff;
  padding-bottom: 70px;
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa; }
/* line 1004, ../sass/main.scss */
.n-article .n-list {
  margin: 0 50px;
  padding-top: 10px; }
/* line 1007, ../sass/main.scss */
.n-article .n-list li {
  padding-top: 20px;
  padding-bottom: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom: 1px solid #ccc; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.n-article .n-list li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1013, ../sass/main.scss */
.n-article .n-list li .n-time, .n-article .n-list li img, .n-article .n-list li .n-content {
  float: left; }
/* line 1016, ../sass/main.scss */
.n-article .n-list li .n-time {
  width: 127px;
  height: 77px;
  border-top: 3px solid #f8b551;
  background: #f6f1e9;
  text-align: center; }
/* line 1022, ../sass/main.scss */
.n-article .n-list li .n-time h1 {
  color: #e77918;
  margin: 14px 0 16px 0;
  font-size: 18px; }
/* line 1027, ../sass/main.scss */
.n-article .n-list li .n-time h2 {
  color: #e77918;
  font-size: 13px; }
/* line 1032, ../sass/main.scss */
.n-article .n-list li img {
  width: 320px;
  height: 200px;
  margin: 0 25px; }
/* line 1037, ../sass/main.scss */
.n-article .n-list li .n-content {
  width: 603px; }
/* line 1039, ../sass/main.scss */
.n-article .n-list li .n-content h1 {
  font-size: 18px;
  margin-bottom: 20px; }
/* line 1043, ../sass/main.scss */
.n-article .n-list li .n-content p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  margin-bottom: 60px;
  height: 90px;
  overflow: hidden; }
/* line 1051, ../sass/main.scss */
.n-article .n-list li .n-content h4 {
  font-size: 12px; }
/* line 1053, ../sass/main.scss */
.n-article .n-list li .n-content h4 i {
  margin-right: 20px; }
/* line 1056, ../sass/main.scss */
.n-article .n-list li .n-content h4 a {
  background-position: left -1px;
  padding-left: 25px; }
/* line 1060, ../sass/main.scss */
.n-article .n-list li .n-content h4 .see {
  background-position: left 0px;
  margin-left: 280px; }

/* search page */
/* line 985, ../sass/main.scss */
.sh-article .wrapper {
  padding-top: 30px;
  padding-bottom: 75px; }
/* line 989, ../sass/main.scss */
.sh-article .pos {
  background: url(/hbhbs../images/icons/search2.png) no-repeat left center;
  position: relative; }
/* line 992, ../sass/main.scss */
.sh-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 998, ../sass/main.scss */
.sh-article .sh-result {
  width: 100%;
  background: #fff;
  padding-bottom: 70px;
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa; }

#search_title{
  text-align:center;
  font-size:20px;
  color:#f8b551;
  padding:30px 0;
}
#search_subtitle{
  text-align:center;
}
.list_date{
  font-size:12px;
  color:#cccccc;
}
/* line 1004, ../sass/main.scss */
.sh-article .sh-list {
  margin: 0 50px;
  padding-top: 10px; }
/* line 1007, ../sass/main.scss */
.sh-article .sh-list li {
  padding-top: 20px;
  padding-bottom: 5px;
  *zoom: 1;
  width: 100%;
  /*border-bottom: 1px solid #ccc;*/ }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.sh-article .sh-list li:after {
  color: #e77918;
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1013, ../sass/main.scss */
.sh-article .sh-list li .sh-article .sh-list li img {
  float: left; }
/* line 1032, ../sass/main.scss */
.sh-article .sh-list li img {
  width: 320px;
  height: 200px;
  margin: 0 25px; }

/* grapher page */
/* line 1071, ../sass/main.scss */
.g-article .wrapper {
  padding-top: 30px; }
/* line 1074, ../sass/main.scss */
.g-article .pos {
  background: url(/hbhbs../images/icons/grapher.png) no-repeat left center;
  position: relative; }
/* line 1077, ../sass/main.scss */
.g-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 1083, ../sass/main.scss */
.g-article .filter {
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 26px; }
/* line 1086, ../sass/main.scss */
.g-article .filter a {
  margin-right: 5px; }
/* line 1091, ../sass/main.scss */
.g-article h2 {
  font-size: 28px;
  margin-bottom: 20px;
  clear: both; }
/* line 1096, ../sass/main.scss */
.g-article h2 a:hover {
  text-decoration: none;
  color: #000; }
/* line 1102, ../sass/main.scss */
.g-article .g-order li {
  width: 24%;
  margin-right: 1.3%;
  float: left;
  background: #fff;
  height: 280px;
  cursor: pointer;
  margin-bottom: 40px;
  *zoom: 1;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.g-article .g-order li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1112, ../sass/main.scss */
.g-article .g-order li:hover {
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa; }
/* line 1115, ../sass/main.scss */
.g-article .g-order li img {
    width: 100%;
    height: 197px;
 }
/*hmg*/
.g-article .g-order .f-author img{
  border-radius: 18px;
  height: 35px;
  margin: 5px;
  width: 35px;
  }
/* line 1119, ../sass/main.scss */
.g-article .g-order li p {
  margin-top: 20px;
  color: #666;
    line-height: 120%;
  /*text-indent: 80px; */}
/* line 1124, ../sass/main.scss */
.g-article .g-order li .f-author {
    margin-left: 70px;
  font-size: 18px; }
/* line 1127, ../sass/main.scss */
.g-article .g-order li .f-place {
  font-size: 14px; }
/* line 1130, ../sass/main.scss */

/*hmg.g-article .g-order li .f-mes {
  background: url(/hbhbs../images/fp1.png) no-repeat 15px center; }*/
/* line 1134, ../sass/main.scss */
.g-article .g-order .n-margin {
  margin-right: 0; }

/* camera page */
/* line 1140, ../sass/main.scss */
.p-article .wrapper {
  padding-top: 30px; }
/* line 1143, ../sass/main.scss */
.p-article .pos {
  background: url(/hbhbs../images/icons/camera.png) no-repeat left center;
  position: relative; }
/* line 1146, ../sass/main.scss */
.p-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 1152, ../sass/main.scss */
.p-article .p-show {
  display: none; }
/* line 1154, ../sass/main.scss */
.p-article .p-show .p-topic {
  margin-bottom: 25px;
  font-size: 24px; }
/* line 1158, ../sass/main.scss */
.p-article .p-show .m-top {
  margin-top: 20px; }
/* line 1161, ../sass/main.scss */
.p-article .p-show .p-camera {
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.p-article .p-show .p-camera:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1163, ../sass/main.scss */
.p-article .p-show .p-camera li {
  float: left;
  background: #fff;
  width: 24%;
  height: 354px;
  text-align: center;
  margin-right: 1.3%;
  margin-bottom: 33px; }
/* line 1171, ../sass/main.scss */
.p-article .p-show .p-camera li img {
  width: 100%;
  height: 124px; }
/* line 1175, ../sass/main.scss */
.p-article .p-show .p-camera li h1 {
  margin: 30px 0;
  font-size: 16px; }
/* line 1179, ../sass/main.scss */
.p-article .p-show .p-camera li p {
  font-size: 14px;
  color: #999; }
/* line 1183, ../sass/main.scss */
.p-article .p-show .p-camera li .time {
  margin-bottom: 13px; }
/* line 1186, ../sass/main.scss */
.p-article .p-show .p-camera li input {
  height: 50px;
  width: 170px;
  font-size: 20px;
  margin-top: 28px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff; }
/* line 1196, ../sass/main.scss */
.p-article .p-show .p-camera .n-margin {
  margin-right: 0; }
/* line 1200, ../sass/main.scss */
.p-article .p-show .p-teacher {
  /* li{
      text-align:left;
  } */ }
/* line 1204, ../sass/main.scss */
.p-article .p-show .p-teacher .p-intro {
  margin-top: 13px;
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: 10px;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.p-article .p-show .p-teacher .p-intro:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1210, ../sass/main.scss */
.p-article .p-show .p-teacher .p-intro img {
  float: left;
  height: 46px;
  width: 46px;
  margin-left: 15px; }
/* line 1216, ../sass/main.scss */
.p-article .p-show .p-teacher .p-intro h1, .p-article .p-show .p-teacher .p-intro h2 {
  margin: 0;
  margin-left: 75px;
  text-align: left;
  margin-bottom: 10px; }
/* line 1222, ../sass/main.scss */
.p-article .p-show .p-teacher .p-intro h1 {
  font-size: 18px; }
/* line 1225, ../sass/main.scss */
.p-article .p-show .p-teacher .p-intro h2 {
  font-size: 14px;
  color: #666; }
/* line 1231, ../sass/main.scss */
.p-article .p-show .p-teacher .p-title h1 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 0; }
/* line 1236, ../sass/main.scss */
.p-article .p-show .p-teacher .p-title input {
  background: #d38d05;
  color: #fff;
  font-size: 18px; }
/* line 1245, ../sass/main.scss */
.p-article .p-show .p-collect li img {
  width: 100%;
  height: 178px; }
/* line 1249, ../sass/main.scss */
.p-article .p-show .p-collect li h1 {
  margin: 15px 0; }
/* line 1252, ../sass/main.scss */
.p-article .p-show .p-collect li input {
  width: 98px;
  border: 1px solid #d38d05;
  background: #fff;
  color: #000; }
/* line 1261, ../sass/main.scss */
.p-article .focus {
  display: block; }

/* news third page */
/* line 1267, ../sass/main.scss */
.nc-article .wrapper {
  padding-top: 30px;
  padding-bottom: 75px; }
/* line 1271, ../sass/main.scss */
.nc-article .pos {
  background: url(/hbhbs../images/icons/book.png) no-repeat left center;
  position: relative; }
/* line 1274, ../sass/main.scss */
.nc-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 1280, ../sass/main.scss */
.nc-article .nc-news {
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa;
  width: 720px;
/*width:850px;*/
background: #fff;
padding: 30px 65px 50px 65px;
float: left;
position: relative;
*zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.nc-article .nc-news:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1288, ../sass/main.scss */
.nc-article .nc-news h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px; }
/* line 1293, ../sass/main.scss */
.nc-article .nc-news .nc-time {
  float: left;
  color: #999;
  font-size: 12px; }
/* line 1297, ../sass/main.scss */
.nc-article .nc-news .nc-time span {
  margin-left: 10px; }
/* line 1301, ../sass/main.scss */
.nc-article .nc-news .nc-look {
  float: right;
  font-size: 12px; }
/* line 1304, ../sass/main.scss */
.nc-article .nc-news .nc-look a {
  color: #999; }
/* line 1307, ../sass/main.scss */
.nc-article .nc-news .nc-look .love {
  background-position: left -1px; }
/* line 1310, ../sass/main.scss */
.nc-article .nc-news .nc-look .see {
  background-position: left 1px; }
/* line 1314, ../sass/main.scss */
.nc-article .nc-news .fix1 {
  margin: 35px 0;
  clear: both;
  float: right; }
/* line 1320, ../sass/main.scss */
.nc-article .nc-news h3 {
  clear: both;
  line-height: 25px;
  color: #666;
  font-size: 14px;
  padding: 0 58px; }
/* line 1327, ../sass/main.scss */
.nc-article .nc-news .fix2 {
  margin: 35px 0; }
/* line 1330, ../sass/main.scss */
.nc-article .nc-news .first-img {
  margin-bottom: 38px;
  max-width: 100%; }
/* line 1334, ../sass/main.scss */
.nc-article .nc-news .first-p, .nc-article .nc-news .second-p {
  font-size: 14px;
  line-height: 20px;
  text-indent: 30px;
  color: #333; }
/* line 1340, ../sass/main.scss */
.nc-article .nc-news .second-img {
  margin: 35px 0;
  max-width: 100%; }
/* line 1344, ../sass/main.scss */
.nc-article .nc-news .nc-love {
  margin-left: 340px;
  width: 60px;
  height: 60px;
  background: #f4ae00;
  margin-top: 44px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }
/* line 1351, ../sass/main.scss */
.nc-article .nc-news .nc-love img {
  margin-left: 14px;
  margin-top: 7px;
  text-align: center;}
/* line 1355, ../sass/main.scss */
.nc-article .nc-news .nc-love span {
  font-size: 12px;
  margin-left: 20px;
  color: #fff; }
/* line 1362, ../sass/main.scss */
.nc-article .nc-news .nc-label {
  margin-top: 36px;
  background: url(/hbhbs../images/icons/label.png) no-repeat left center;
  padding-left: 17px;
  font-size: 12px;
  color: #999; }
/* line 1368, ../sass/main.scss */
.nc-article .nc-news .nc-label i {
  margin-right: 15px; }
/* line 1372, ../sass/main.scss */
.nc-article .nc-news .nc-idea {
  position: relative;
  margin-top: 70px;
  border-top: 1px solid #999; }
/* line 1376, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-publish {
  padding-top: 5px;
  border-top: 2px solid #f4ae00;
  width: 74px;
  font-size: 18px;
  margin-bottom: 18px; }
/* line 1383, ../sass/main.scss */
.nc-article .nc-news .nc-idea textarea {
  width: 100%;
  height: 98px;
  border: 1px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 16px; }
/* line 1390, ../sass/main.scss */
.nc-article .nc-news .nc-idea h4 {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -25px;
  color: #b6b6b6; }
/* line 1396, ../sass/main.scss */
.nc-article .nc-news .nc-idea h4 a {
  color: #000;
  text-decoration: underline; }
/* line 1401, ../sass/main.scss */
.nc-article .nc-news .nc-idea input {
  width: 100px;
  height: 40px;
  border: none;
  background: #f4ae00;
  color: #fff;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 38px; }
/* line 1411, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-discuss {
  font-size: 14px;
  padding-bottom: 5px;
  clear: both; }
/* line 1417, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-word li {
  padding: 14px 0;
  border-top: 1px solid #999;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.nc-article .nc-news .nc-idea .nc-word li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1422, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-word img {
  float: left; }
/* line 1425, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-word div {
  font-size: 14px;
  *zoom: 1;
  float: right;
  width: 659px; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.nc-article .nc-news .nc-idea .nc-word div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1430, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-word div h5 {
  margin-bottom: 16px;
  float: left; }
/* line 1435, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-word div h6 {
  float: right; }
/* line 1438, ../sass/main.scss */
.nc-article .nc-news .nc-idea .nc-word div p {
  clear: both;
  line-height: 20px; }

.nc-news .picstorycontent p{
  clear: both;
  width:100%;
  line-height: 200%;
  text-indent:2em;
}
.nc-news .picstorycontent p img{
  text-align:center;		}

.nc-news .activitycontent p{
  clear: both;
  width:100%;
  line-height: 200%;
  text-indent:2em;
}
.nc-news .activitycontent p img{
  text-align:center;		}

.nc-news .activitynumber p{
  clear: both;
  width:80%;
  font-weight:bold;
  line-height: 200%;
  text-indent:2em;
  margin:10px 0 30px 0;
  border-bottom:#eeeeee 1px solid;
}
.nc-news .activitytime p{
  clear: both;
  width:100%;
  font-weight:bold;
  line-height: 200%;
  text-indent:2em;
  margin:10px 0;
  border-bottom:#eeeeee 1px solid;
}
.nc-news .activityplace p{
  clear: both;
  width:90%;
  font-weight:bold;
  line-height: 200%;
  text-indent:2em;
  margin:10px 0;
  border-bottom:#eeeeee 1px solid;
}

/* line 1446, ../sass/main.scss */
.nc-article .nc-recom {
  width: 286px;
  float: right;
  padding: 40px 10px 0 26px;
  background: #fff;
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa; }
/* line 1452, ../sass/main.scss */
.nc-article .nc-recom h1 {
  background: url(/hbhbs../images/icons/su.png) no-repeat left center;
  font-size: 18px;
  padding: 5px 0 5px 25px;
  margin-bottom: 30px; }
/* line 1458, ../sass/main.scss */
.nc-article .nc-recom p {
  background: url(/hbhbs../images/icons/circle.png) no-repeat left center;
  font-size: 14px;
  margin-bottom: 24px;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/* goods page */
/* line 1470, ../sass/main.scss */
.d-article .wrapper {
  padding-top: 30px; }
/* line 1473, ../sass/main.scss */
.d-article .pos {
  background: url(/hbhbs../images/icons/buy.png) no-repeat left center;
  position: relative; }
/* line 1476, ../sass/main.scss */
.d-article .pos img {
  position: absolute;
  left: 184px;
  top: 9px; }
/* line 1482, ../sass/main.scss */
.d-article .picture_list {
  -webkit-perspective: 1200px;
  -webkit-transform-style: preserve-3d;
  margin-top: 70px;
  position: relative; }
/* line 1487, ../sass/main.scss */
.d-article .picture_list img {
  height: 365px;
  width: 550px; }
/* line 1491, ../sass/main.scss */
.d-article .picture_list li {
  -webkit-transform: rotateY(20deg) translateZ(-80px);
  -moz-transform: rotateY(20deg) translateZ(-80px);
  -o-transform: rotateY(20deg) translateZ(-80px);
  transform: rotateY(20deg) translateZ(-80px);
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa;
  position: absolute;
  height: 365px;
  width: 550px;
  top: 0;
  left: 0; }
/* line 1502, ../sass/main.scss */
.d-article .picture_list li p {
  position: absolute;
  bottom: 0;
  height: 0px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  left: 0;
  color: #fff;
  line-height: 30px;
  padding-left: 5px; }
/* line 1514, ../sass/main.scss */
.d-article .picture_list .one {
  z-index: 10;
  left: 0; }
/* line 1518, ../sass/main.scss */
.d-article .picture_list .two {
  z-index: 20;
  left: 150px; }
/* line 1522, ../sass/main.scss */
.d-article .picture_list .four {
  z-index: 20;
  left: 500px; }
/* line 1526, ../sass/main.scss */
.d-article .picture_list .five {
  z-index: 10;
  left: 650px; }
/* line 1530, ../sass/main.scss */
.d-article .picture_list .pic-f {
  -webkit-transform: rotateY(-20deg) translateZ(-80px);
  -moz-transform: rotateY(-20deg) translateZ(-80px);
  -o-transform: rotateY(-20deg) translateZ(-80px);
  transform: rotateY(-20deg) translateZ(-80px); }
/* line 1536, ../sass/main.scss */
.d-article .picture_list .pic-t {
  -webkit-transform: translateZ(80px);
  -moz-transform: translateZ(80px);
  -o-transform: translateZ(80px);
  transform: translateZ(80px);
  top: -35px;
  height: 400px;
  width: 600px;
  z-index: 60;
  left: 300px; }
/* line 1546, ../sass/main.scss */
.d-article .picture_list .pic-t img {
  width: 600px;
  height: 400px; }
/* line 1550, ../sass/main.scss */
.d-article .picture_list .pic-t p {
  height: 30px; }
/* line 1555, ../sass/main.scss */
.d-article .d-mask {
  width: 1200px;
  position: absolute;
  height: 365px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100; }
/* line 1562, ../sass/main.scss */
.d-article .little-control {
  text-align: center;
  margin-top: 480px; }
/* line 1565, ../sass/main.scss */
.d-article .little-control i {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  width: 12px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  margin-left: 8px;
  margin-top: 4px; }
/* line 1575, ../sass/main.scss */
.d-article .little-control .startmove {
  background: #f4ee00; }
/* line 1578, ../sass/main.scss */
.d-article .little-control span {
  display: inline-block;
  vertical-align: middle;
  font-size: 48px;
  line-height: 48px;
  cursor: pointer; }
/* line 1585, ../sass/main.scss */
.d-article .little-control .f-l {
  margin-right: 30px; }
/* line 1588, ../sass/main.scss */
.d-article .little-control .f-r {
  margin-left: 30px; }
/* line 1592, ../sass/main.scss */
.d-article .wrap-btn {
  text-align: center; }
/* line 1595, ../sass/main.scss */
.d-article .look-all {
  width: 300px;
  height: 50px;
  background: #f4ae00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 18px;
  margin-top: 50px; }
/* line 1605, ../sass/main.scss */
.d-article .notice {
  margin-left: 240px;
  margin-top: 90px;
  width: 600px;
  height: 135px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 20px 66px;
  color: #999;
  text-align: center;
  margin-bottom: 74px; }
/* line 1615, ../sass/main.scss */
.d-article .notice h1 {
  font-size: 24px;
  margin-bottom: 24px; }
/* line 1619, ../sass/main.scss */
.d-article .notice p {
  font-size: 16px;
  line-height: 28px; }

/* camera third page */
/* line 1629, ../sass/main.scss */
.cc-article .pos {
  background: url(/hbhbs../images/icons/camera.png) no-repeat left center;
  position: relative; }
/* line 1632, ../sass/main.scss */
.cc-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 1638, ../sass/main.scss */
.cc-article .float_l {
  float: left; }
/* line 1641, ../sass/main.scss */
.cc-article .nc-devide {
  float: right;
  padding-top: 5px; }
/* line 1646, ../sass/main.scss */
.cc-article .nc-news .nc-time {
  clear: left; }
/* line 1652, ../sass/main.scss */
.cc-article .nc-news .first-p, .cc-article .nc-news .second-p, .cc-article .nc-news .third-p {
  text-indent: 0px;
  line-height: 24px; }
/* line 1656, ../sass/main.scss */
.cc-article .nc-news .third-p {
  font-size: 14px; }
/* line 1659, ../sass/main.scss */
.cc-article .nc-news .second-p {
  font-size: 18px;
  margin: 30px 0; }
/* line 1662, ../sass/main.scss */
.cc-article .nc-news .second-p i {
  color: #f4ae00; }
/* line 1667, ../sass/main.scss */
.cc-article .nc-news .contact {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 2px solid #f4ae00; }
/* line 1671, ../sass/main.scss */
.cc-article .nc-news .contact p {
  margin-bottom: 14px;
  font-size: 12px; }
/* line 1677, ../sass/main.scss */
.cc-article .cc-describe {
  font-size: 14px;
  margin-bottom: 20px; }
/* line 1680, ../sass/main.scss */
.cc-article .cc-describe i {
  color: #f4ae00; }
/* line 1683, ../sass/main.scss */
.cc-article .cc-describe span {
  margin-right: 20px; }

/* pic story third page */
/* line 1691, ../sass/main.scss */
.sc-article .pos {
  background: url(/hbhbs../images/icons/pic_story.png) no-repeat left center;
  position: relative; }
/* line 1694, ../sass/main.scss */
.sc-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 1701, ../sass/main.scss */
.sc-article .nc-news .first-img {
  margin-bottom: 20px; }
/* line 1704, ../sass/main.scss */
.sc-article .nc-news .second-img {
  margin: 20px 0; }
/* line 1707, ../sass/main.scss */
.sc-article .nc-news .third-img {
  margin-top: 20px; }
/* line 1711, ../sass/main.scss */
.sc-article .sc-recom {
  padding-bottom: 30px; }
/* line 1713, ../sass/main.scss */
.sc-article .sc-recom div {
  *zoom: 1;
  background: none;
  margin-bottom: 18px; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.sc-article .sc-recom div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1717, ../sass/main.scss */
.sc-article .sc-recom div img {
  float: left;
  width: 96px;
  height: 60px; }
/* line 1722, ../sass/main.scss */
.sc-article .sc-recom div h5, .sc-article .sc-recom div h6 {
  float: left;
  margin-left: 8px;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 15px;
  font-size: 14px; }
/* line 1730, ../sass/main.scss */
.sc-article .sc-recom div h6 {
  margin-top: 30px; }

/* video third page */
/* line 1738, ../sass/main.scss */
.vc-article #video-img {
  width: 720px;
  height: 450px; }
/* line 1742, ../sass/main.scss */
.vc-article .vjs-big-play-button {
  width: 105px;
  height: 70px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
/* line 1749, ../sass/main.scss */
.vc-article .vjs-default-skin .vjs-big-play-button span {
  background: url("/hbhbs/theme/default/css/video-js3.png") no-repeat -100px -1px; }

/* grapher third page */
/* line 1755, ../sass/main.scss */
.gc-article {
  width: 100%; }
/* line 1757, ../sass/main.scss */
.gc-article .wrapper {
  padding-top: 30px;
  padding-bottom: 116px; }
/* line 1761, ../sass/main.scss */
.gc-article .pos {
  background: url(/hbhbs../images/icons/grapher.png) no-repeat left center;
  position: relative; }
/* line 1764, ../sass/main.scss */
.gc-article .pos img {
  position: absolute;
  left: 160px;
  top: 9px; }
/* line 1770, ../sass/main.scss */
.gc-article .gc-work {
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa;
  width: 800px;
  float: left;
  *zoom: 1;
  padding: 20px 25px 200px 25px; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.gc-article .gc-work:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1776, ../sass/main.scss */
.gc-article .gc-work .gc-pic {
  width: 100%; }
/* line 1779, ../sass/main.scss */
.gc-article .gc-work .gc-show {
  float: left;
  margin-top: 40px;
  margin-bottom: 20px;
  width: 390px;
  height: 326px;
  margin-right: 18px;
  /* border-bottom:1px solid #999; */
  background: #fff; }
/* line 1788, ../sass/main.scss */
.gc-article .gc-work .gc-show img {
  width: 390px;
  height: 260px;
}
/* line 1793, ../sass/main.scss */
.gc-article .gc-work .gc-show div {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 0 13px;
  overflow:hidden;
}
/* line 1799, ../sass/main.scss */
.gc-article .gc-work .gc-show h1 {
  font-size: 16px;
  color: #666;
  background: url(/hbhbs../images/icons/little-book.png) no-repeat left center;
  text-indent: 30px;
  padding: 12px 0; }
/* line 1806, ../sass/main.scss */
.gc-article .gc-work .gc-show p {
  font-size: 12px;
  color: #999;

}
/* line 1809, ../sass/main.scss */
.gc-article .gc-work .gc-show p a {
  font-size: 12px;
  color: inherit; }
/* line 1813, ../sass/main.scss */
.gc-article .gc-work .gc-show p .see {
  margin-left: 160px;
  background-position: left 1px; }
/* line 1817, ../sass/main.scss */
.gc-article .gc-work .gc-show p .love {
  background-position: left -2px; }
/* line 1822, ../sass/main.scss */
.gc-article .gc-work .n-margin {
  margin-right: 0; }
/* line 1826, ../sass/main.scss */
.gc-article .gc-message {
  text-align: center;
  width: 222px;
  float: right;
  padding: 22px 50px;
  background: #fff;
  -moz-box-shadow: 0 1px 10px 0 #aaa;
  -webkit-box-shadow: 0 1px 10px 0 #aaa;
  box-shadow: 0 1px 10px 0 #aaa;
  *zoom: 1; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.gc-article .gc-message:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1834, ../sass/main.scss */
.gc-article .gc-message h1 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 16px;
  *zoom: 1;
  padding-left: 30px; }
/* line 22, D:/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.gc-article .gc-message h1:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }
/* line 1840, ../sass/main.scss */
.gc-article .gc-message h1 span {
  float: right;
  font-size: 14px;
  background: url(/hbhbs../images/icons/sex.png) no-repeat left center;
  text-indent: 16px;
  line-height: 24px;
  color: #666; }
/* line 1849, ../sass/main.scss */
.gc-article .gc-message h2 {
  font-size: 16px;
  line-height: 22px;
  color: #666; }
/* line 1854, ../sass/main.scss */
.gc-article .gc-message .gc-fix1 {
  float: left;
  margin-top: 16px; }
/* line 1858, ../sass/main.scss */
.gc-article .gc-message .gc-fix2 {
  float: right;
  margin-bottom: 30px; }
/* line 1862, ../sass/main.scss */
.gc-article .gc-message h3, .gc-article .gc-message h4 {
  clear: both; }
/* line 1865, ../sass/main.scss */
.gc-article .gc-message h3 {
  margin-top: 44px;
  margin-bottom: 18px;
  color: #999;
  line-height: 24px; }
/* line 1871, ../sass/main.scss */
.gc-article .gc-message h4 {
  color: #f4ae00;
  font-size: 12px; }

/* grapher four page */
/* line 1880, ../sass/main.scss */
.gc-article .nc-news .first-p, .gc-article .nc-news .second-p, .gc-article .nc-news .third-p {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin: 0; }
/* line 1886, ../sass/main.scss */
.gc-article .nc-news .third-p {
  margin-top: 20px; }


/*by hmg*/
.nc-article .split {
  background: #fff none repeat scroll 0 0;
  float: right;
  margin-top: 10px;
  padding: 0px 10px 0 26px;
  width: 286px;
}
.gc-message .gc-author{
  width: 103px;
  height: 103px;
  border-radius: 51px;
}