.col-xs-5thx, .col-sm-5thx, .col-md-5thx, .col-lg-5thx { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-5thc, .col-sm-5thc, .col-md-5thc, .col-lg-5thc { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

@media ( min-width : 768px) { .col-sm-5ths { width: 40%; float: left; } .col-sm-5thx { width: 20%; float: left; } .col-sm-5thc { width: 60%; float: left; }} @media ( min-width : 992px) { .col-md-5ths { width: 40%; float: left; } .col-md-5thx { width: 20%; float: left; } .col-md-5thc { width: 60%; float: left; }} @media ( min-width : 1200px) { .col-lg-5ths { width: 40%; float: left; } .col-lg-5thx { width: 20%; float: left; } .col-lg-5thc { width: 60%; float: left; }}

.pic-list-bg{

  margin: 0;

  padding: 0;

  background:#F4F4F6;

}

.piccontext{background:#FFF;overflow:hidden; box-shadow:0px 0px 5px #C6C6C6; margin-left:-15px; margin-right:-15px;}

.foot_nophone{

	margin-top:0px;

}

.slider_model {

  position: relative;

  display: block;



}

.slider_model .model_ctrl_tools a {

  position: absolute;

  display: block;

  height:103px;

  width:68px;

  top: 30%;

  z-index: 1;

}

.slider_model .model_ctrl_tools a.ctrl_left {

  left: 0;

  background:url(../../images/photo/left.png) left no-repeat;

  background-size:70% 80%;

}

.slider_model .model_ctrl_tools a.ctrl_right {

  right: 0;

  background:url(../../images/photo/right.png) right no-repeat;

  background-size:70% 80%;

}

.slider_model .slider_bottom_box {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 0;

  z-index: 1;

}

.slider_model .slider_bottom_box .bg_box {

  padding: 10px 0 6px;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.3);

}

.slider_model_p{

	display:none;

}

.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul {

  width: 100%;

  text-align: center;

  letter-spacing: 6px;

  *zoom: 1;

}

.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li {

  display: inline-block;

  *float: left;

  *padding: 0 4px;

}

.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a {

  display: block;

  height: 50px;

  width: 80px;

  border: 1px solid #ddd;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  opacity: .6;

}

.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a:hover{

  height: 50px;

  width: 80px;

  border: 2px solid #0F0;

}

.slider_model .slider_bottom_box .bg_box .ctrl_img_box ul li a.is_active {

  border: 2px solid #43B65A;

  opacity: 1;

}



.vindexM{

	border-bottom:1PX solid #E3E3E3;

	background:#FFF;

	padding:13px 0px 13px 15px;

	color:#999;

}

.vindexM ul li{

	font-size:15px;

	display:inline;

}

.vindexM ul li a{

	margin-right:15px;

	margin-left:5px;

	color:#555;

}



.vindex{

	background:#F6F6F6;

}

.vindex_bot{

	padding-bottom:30px;

}

.vindex_bd1{

	margin-left:5px;

	margin-right:5px;

}

.vindex_sg{

	padding-left:10px;



	padding-right:10px;

}

.vindex_sgy{

	margin-left:-10px;

	margin-right:-10px;

}



.tushuo{

	margin-top:30px;

}

.pinpai_p{

	padding-top:10px;

	font-size:13px;

	min-height:46px;

}

.pinpai_p a{

	color:#333;

}

.pinpai_p a:hover{

	color:#2E6AA7;

}



.work-post {

    overflow: hidden;

}

.work-post-gal {

    position: relative;

}

.work-post-gal img {

    width: 100%;

    -webkit-backface-visibility: hidden;

}

.hover-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.6);

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

}



.hover-box a {

    width: 50px;

    height: 50px;

    display: inline-block;

    position: absolute;

    top: 50%;

    margin-top: -25px;

    transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -webkit-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    transform: scale(0.1);

    -webkit-transform: scale(0.1);

    -moz-transform: scale(0.1);

    -o-transform: scale(0.1);

    -webkit-backface-visibility: hidden;

}



.work-post:hover .hover-box {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -webkit-backface-visibility: hidden;

}



.work-post:hover .hover-box a {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -webkit-backface-visibility: hidden;

}



.hover-box a:after {

    position: absolute;

    content: '';

    width: 50px;

    height: 50px;

    background: url('imageszoom-after.png') center center no-repeat;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



.hover-box a:hover:after {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    opacity: 0;

}



.hover-box a.video {

    right: 36%;

    background: url('../../images/videos/video_ico.png') center center no-repeat;

	background-size:100% 100%;

}

.vindex_i{

	color:#C5C5C5;

	font-size:12px;

	padding-top:6px;

}

.vindex_i span{

	margin-right:10px;

}

.post-masonry{

	margin-top:14px;

}

.post-masonry .post-thumb {

    overflow: hidden;

    position: relative;

}



.post-masonry .post-thumb img {

    width: 100%;

    display: block;

}



.post-masonry .post-thumb .title-over {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(0,0,0,0.7);

    padding: 10px 5px;

}



.post-masonry .post-thumb .title-over h4 {

    font-size: 13px;

}



.post-masonry .post-thumb .title-over a {

    color: #fff;

}



.post-masonry .post-thumb .post-hover {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 70px;

    left: 0;

    visibility: hidden;

    opacity: 0;

    background: rgba(0,0,0,0.55);

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    -ms-transition: all 150ms ease-in-out;

    -o-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}



.post-masonry .post-thumb .post-hover .inside {

    position: relative;

    top: 50%;

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.post-masonry .post-thumb .post-hover p {

    font-size: 12px;

	padding:0px 10px;

}



.post-masonry .post-thumb .post-hover p a{

	color:#FFF;

}



.post-masonry .post-thumb:hover .title-over {

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    -ms-transition: all 150ms ease-in-out;

    -o-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

    visibility: hidden;

    opacity: 0;

    bottom: -50px;

}



.post-masonry .post-thumb:hover .post-hover {

    top: 0;

    visibility: visible;

    opacity: 1;

}

.sale-box {

	position: absolute;

	top: -1px;

	right: -1px;

	overflow: hidden;

	height: 59px;

	width: 77px;

	background: url(../../images/videos/video_jj.png) no-repeat;

}

.box_inner:hover .sale-box{

	background: url(../../images/videos/video_jj.png) no-repeat;

}

.video_t{

	margin-left:15px;

	margin-right:15px;

	padding-top:30px;

	margin-bottom:0px;

}

.video_t1{

	font-size:22px;

	font-weight:700;

}

.video_t2{

	background: url(../../images/videos/video_ico_1.png) no-repeat right;

	padding:1px 0px;

	padding-right:30px;

}

.video_t2 a{

	color:#333;

}

.video_tn{

	border-top:1px solid #D1D1D1;

	padding-top:10px;

}



.videos_ph_p{

	font-size:12px;

	margin-top:15px;

}

.videos_ph_p ul li{

	background:#E8E8E8;

	margin-top:2px;

	padding:6px 0px;

}

.videos_ph_p ul li a{

	padding-left:5px;

	color:#666;

}

.videos_ph_p p{

	padding:6px 0px 7px 0px;

	background:#E8E8E8;

}

.li_title{

	overflow: hidden;

	background:#D9D9D9;

	padding:11px 5px;

}

.li_title1{

	font-size:16px;

	color:#494949;

	padding-left:10px;

}

.li1{

	background:#E01212;

	padding:6px 12px;

	color:#FFF;

}

.li2{

	background:#3AA05F;

	padding:6px 12px;

	color:#FFF;

}

.li3{

	background:#0078DB;

	padding:6px 12px;

	color:#FFF;

}

.li4, .li5, .li6, .li7, .li8{

	background:#B9B9B9;

	padding:6px 12px;

	color:#FFF;

}

.video_ad_index_1{

	margin:18px 20px -5px 20px;

}

@media(max-width:1024px){

.li_title1{

	font-size:14px;

	color:#494949;

	padding-left:10px;

}

.li_title img{

	display:none;

}

.videos_ph_p ul li{

	overflow:hidden;

	width:165px;

	max-height:25px;

	height:25px;

	padding:6px 0px;

}

.li1{

	background:#E01212;

	padding:3px 6px;

	color:#FFF;

}

.li2{

	background:#3AA05F;

	padding:3px 6px;

	color:#FFF;

}

.li3{

	background:#0078DB;

	padding:3px 6px;

	color:#FFF;

}

.li4, .li5, .li6, .li7, .li8{

	background:#B9B9B9;

	padding:3px 6px;

	color:#FFF;

}

.videos_ph_p p{

	padding:0px 0px 0px 0px;

	background:#E8E8E8;

}

.li_title{

	overflow: hidden;

	background:#D9D9D9;

	padding:2px 5px;

}

}

@media(max-width:768px){

.slider_model .model_ctrl_tools a {

  top: 20%;

}

.piccontext{

	margin-left:-15px;

	margin-right:-15px;

}

.vindex_bd1{

	margin-left:5px;

	margin-right:5px;

}

.vindex_sg{

	padding-left:8px;



	padding-right:8px;

}

.vindex_sgy{

	margin-left:-8px;

	margin-right:-8px;

}

.col-xs-5thx, .col-sm-5thx, .col-md-5thx, .col-lg-5thx { position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px; }

.col-xs-5thc, .col-sm-5thc, .col-md-5thc, .col-lg-5thc { position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px; }

.tushuo{

	margin-top:10px;

}

.pinpai_p{

	padding-top:8px;

	font-size:13px;

	height:46px;

	max-height:46px;

	overflow:hidden;

}

.vindex_i{

	padding-top:4px;

}

.video_t{

	margin-left:13px;

	margin-right:13px;

	padding-top:20px;

	margin-bottom:5px;

}

.video_t1{

	font-size:18px;

	font-weight:700;

}

.video_t2{

	background: url(../../images/videos/video_ico_1.png) no-repeat right;

	padding:2px 0px;

	padding-right:30px;

	font-size:15px;

}

.vindex{

	background:#F6F6F6;

}

.li_title1{

	font-size:14px;

	color:#494949;

	padding-left:10px;

}

.li_title img{

	display:none;

}

.videos_ph_p ul li{

	overflow:hidden;

	width:130px;

	max-height:20px;

	height:20px;

}

.li1{

	background:#E01212;

	padding:3px 6px;

	color:#FFF;

}

.li2{

	background:#3AA05F;

	padding:3px 6px;

	color:#FFF;

}

.li3{

	background:#0078DB;

	padding:3px 6px;

	color:#FFF;

}

.li4, .li5, .li6, .li7, .li8{

	background:#B9B9B9;

	padding:3px 6px;

	color:#FFF;

}

.videos_ph_p p{

	padding:0px 0px 0px 0px;

	background:#E8E8E8;

}

.li_title{

	overflow: hidden;

	background:#D9D9D9;

	padding:2px 5px;

}

}

@media(max-width:736px){

.videos_ph_p{

	display:none;

}

.bg_box_dis{

  display:none;

}

.slider_model_p{

  display:block;

  font-size:13px;

  color:#FFF;

  padding-left:10px;

}

.slider_model .model_ctrl_tools a {

  top: 25%;

}

.slider_model .model_ctrl_tools a.ctrl_left {

  background-size:70% 80%;

}

.slider_model .model_ctrl_tools a.ctrl_right {

  background-size:70% 80%;

}

.tushuo{

	margin-top:10px;

}

.pinpai_p{

	padding-top:8px;

	font-size:13px;

	height:46px;

	max-height:46px;

	overflow:hidden;

}

.vindex_i{

	padding-top:4px;

}

}

@media(max-width:640px){

.slider_model .model_ctrl_tools a {

  top: 20%;

}

.slider_model .model_ctrl_tools a.ctrl_left {

  background-size:55% 65%;

}

.slider_model .model_ctrl_tools a.ctrl_right {

  background-size:55% 65%;

}

}

@media(max-width:480px){



.slider_model_box img{

	min-height:170px;

}

.slider_model .model_ctrl_tools a {

  top: 10%;

}

.slider_model .model_ctrl_tools a.ctrl_left {

  background-size:40% 50%;

}

.slider_model .model_ctrl_tools a.ctrl_right {

  background-size:40% 50%;

}

.tushuo{

	margin-top:10px;

}

.pinpai_p{

	padding-top:8px;

	font-size:13px;

	height:46px;

	max-height:46px;

	overflow:hidden;

}

.vindex_i{

	padding-top:4px;

}



.vindex_sgy{

	margin-top:-10px;

}

.post-masonry{

	margin-top:10px;

}

.post-masonry .post-thumb .post-hover {

	display:none;

}

.post-masonry .post-thumb .title-over h4 {

    font-size: 13px;

    line-height:19px;

	padding-top:6px;

}

.post-masonry .post-thumb .title-over a {

    color: #333;

}

.post-masonry .post-thumb .title-over {

    position:relative;

    bottom: 0;

    left: 0;

    width: 100%;

    background:none;

    padding:0px;

	height:45px;

	max-height:45px;

}

.post-masonry .post-thumb:hover .title-over {

    visibility: visible;

    opacity: 1;

    bottom: 0px;

	

}

.vindex_bd1{

	margin-bottom:-15px;

}

.video_tp{

	margin-top:10px;

}

.video_ad_index_1{

	display:none;

}

}

@media(max-width:320px){

.pinpai_p{

	padding-top:8px;

	font-size:12px;

	height:45px;

	min-height:45px;

}

.vindex_i{

	padding-top:2px;

}

.slider_model_box img{

	min-height:140px;

}

.slider_model .model_ctrl_tools a {

  top: 1%;

}

.slider_model .model_ctrl_tools a.ctrl_left {

  background-size:35% 45%;

}

.slider_model .model_ctrl_tools a.ctrl_right {

  background-size:35% 45%;

}

}