/*.sexq-header .HDB02 .HD02 .text .txtSearch{
 display:block;
 height:36px;
}*/
body,html{
 background:#f2f2f2;
}
.video-header{
background:#ffffff;
}
.video-header,
.content,
.content .path,
.content .video-list,
.content .video-list li .video-infor,
.content .video-list li .video-infor .video-title,
.content .video-list li .video-infor .company,
.video-show .video-infor .company,
.video-show .video-infor,
.video-show .video-infor .video-title
{
 clear:both;
 width:auto;
 height:auto;
}
.content .video-list li .video-infor .company,
.video-show .video-infor .company
{
 margin-top:12px;
}
.content .video-list li .video-infor .video-contact,
.video-show .video-infor .video-contact
{
 margin-top:14px;
 height:30px;
 clear:both;
 width:auto;
 position:relative;
}
.content .video-list li .video-infor .video-title,
.video-show .video-infor .video-title
{
 height:24px;
}
.content .video-list li .video-infor .video-title .title,
.content .video-list li .video-infor .company .name,
.video-show .video-infor .company .name
{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.content{
 width:1180px;
 margin:0 auto;
 margin-bottom:20px;
}

.content .path{
padding:10px 0px;
}



.content .path,
.content .path a{
font-size:12px;
color:#aaa;
font-family:"Microsoft Yahei";
}

.list-sort {
  clear: both;
  width:auto;
  height: auto;
  margin: 0 auto;
  border: 1px solid #dcdcdc;
  background:#ffffff;
  margin-bottom:10px;
}
.list-sort  .sort-product {
    padding-bottom: 0px;
    height: 36px;
	margin-right:10px;
}
.list-sort  .sort-product  .product-sort{
 float:left;
 width:auto;
 height:auto;
}
.list-sort .sort {
    float: left;
    width: 76px;
    text-align: right;
    font-size: 12px;
    color: #cccccc;
    line-height: 24px;
    margin-top: 6px;
}
.list-sort .sort-product .product-sort a,
.list-sort .sort-live
 {
    display: block;
    font-size: 12px;
    color: #333;
    float: left;
    padding: 0 10px;
    border: 1px solid #eaeaea;
    line-height: 22px;
    margin-top: 6px;
	position:relative;
}
.list-sort .sort-live{
 margin-left:30px;
}

.list-sort  .sort-product  .product-sort a .xin{
 position:absolute;
 bottom:20px;
 right:0px;
 z-index:1;
}

.list-sort  .sort-product  .product-sort .sort-hover,
.list-sort  .sort-product  .product-sort a:hover,
.list-sort .sort-live:hover
{
   background: #f10180;
   color: #ffffff;
   border: 1px solid #f10180;
}

.sort-product .sort-page {
    float: right;
    height: auto;
    overflow: hidden;
    line-height: 36px;
}
 .sort-product .sort-page-number{
 display:block;
 float:left;
 color:#555555;
 font-family:"Microsoft Yahei";
 font-size:12px;
}
 .sort-product .sort-prev,
 .sort-product .sort-next
{
 display:block;
 width:20px;
 height:20px;
 float:left;
 margin-left:10px;
 margin-top:8px;
} 
 .sort-product .sort-prev{
 background:url(/images/company/8.png);
}
 .sort-product .sort-next{
 background:url(/images/company/9.png);
}
 .sort-product .sort-prev:hover{
  background:url(/images/company/10.png);
}
 .sort-product .sort-next:hover{
 background:url(/images/company/11.png);
}
 .sort-product .product-sort .sort-hover,
 .sort-product .product-sort a:hover
{
 background:#f10180;
 color:#ffffff;
 border:1px solid #f10180;
}


.content .video-list li{
 float:left;
 width:380px;
 height:260px;
 margin-right:20px;
 margin-bottom:20px;
 background:#ffffff;
}
.content .video-list li img {
    width: 380px; height:200px; object-fit:cover;
}
.video-show{
 width:380px;
 height:354px;
 background:#ffffff;
 margin-top:20px;
}
.content .video-list li .contact-manufacturer,
.video-show .contact-manufacturer
{
width:350px;
height:auto;
position:absolute;
top:24px;
left:0px;
z-index:1;
display:none;
}
.content .video-list li .contact-manufacturer .triangle-up,
.video-show .contact-manufacturer .triangle-up
{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid  white;
	filter:drop-shadow(0 0 9px #000);
	margin-left:35px;
}
.content .video-list li .contact-infor,
.video-show .contact-infor
{
background:#fff;
clear:both;
width:310px;
height:auto;
min-height:100px;
padding:10px 20px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
overflow:hidden;
border-radius:5px;
position:relative;
}

.content .video-list li .contact-infor .contact-wechat,
.video-show .contact-infor .contact-wechat
{
 display:block;
 width:86px;
 height:86px;
 padding:6px;
 border:1px solid #eaeaea;
 position:absolute;
 top:50%;
 right:15px;
 z-index:1;
 transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
}


.content .video-list li .contact-infor .table-contact,
.video-show .contact-infor .table-contact
{
 min-width:174px;
}
.content .video-list li .contact-infor .table-contact tr td,
.video-show .contact-infor .table-contact tr td
{
 padding:3px 0px;
 text-align:left;
}
.content .video-list li .contact-infor .table-contact tr td,
.content .video-list li .contact-infor .table-contact tr td a,
.video-show .contact-infor .table-contact tr td a
{
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
}
.content .video-list li .contact-infor .table-contact tr .td-tip,
.video-show .contact-infor .table-contact tr td .td-tip
{
 color:#999999;
 text-align:justify;
 width:75px;
}
.content .video-list li .contact-infor .table-contact tr .td-code,
.video-show .contact-infor .table-contact tr td  .td-code
{
 color:#999999;
}


.content .video-list li:nth-child(3n){
 margin-right:0px;
}
.content .video-list li .iframe-video,
.content .video-list li .video-box,
.video-show .iframe-video,
.video-show .video-box,
.video-show .video-box video,
.video-show iframe
{
 display:block;
 width:380px;
 height:214px;
}

.content .video-list li .video-box{
	background:#eee;
}

.content .video-list li .video-box,
.video-show .video-box
{
	position: relative;
}
.content .video-list li .video-box video,
.video-show video
{
  display: inline-block;
  vertical-align: baseline;
}

.content .video-list li .video-box .video-img,
.video-show .video-img
{
	position: absolute;
    width:50px;
	height:50px;
    background: url(/images/live/play.png) no-repeat center;
	background-size:50px auto;
	cursor:pointer;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.content .video-list li .video-infor,
.video-show .video-infor
{
 padding:15px;
}

.content .video-list li .video-infor .video-title .title
{
 font-weight:normal;
 font-size:18px;
 color:#333333;
 font-family:"Microsoft Yahei";
 float:left;
 width:264px;
}

.video-show .video-infor .video-title .title{
	 font-weight:normal;
	 font-size:18px;
	 color:#333333;
	 font-family:"Microsoft Yahei";
	 float:left;
	 width:100%;
}


.content .video-list li .video-infor .video-title .company-profile,
.video-show .video-infor .video-title .company-profile
{
 display:block;
 float:right;
 font-size:14px;
 font-family:"Microsoft Yahei";
 color:#999999;
 line-height:20px;
 background:#eaeaea;
 padding:0 6px;
 margin-top:2px;
 border-radius:4px;
}
.content .video-list li .video-infor .company,
.video-show .video-infor .company
{
 display:block;
 height:30px;
 line-height:30px;
 font-size:14px;
 font-family:"Microsoft Yahei";
 color:#666666;
}
.content .video-list li .video-infor .company .company-logo,
.video-show .video-infor .company .company-logo
{
 display:block;
 width:30px;
 height:30px;
 object-fit:cover;
 float:left;
 border-radius:15px;
 margin-right:10px;
}
.content .video-list li .video-infor .company .name,
.video-show .video-infor .company .name
{
 display:block;
 font-size:14px;
 font-family:"Microsoft Yahei";
 color:#666666;
 float:left;
 max-width:274px;
}
.content .video-list li .video-infor .company .name:hover,
.video-show .video-infor .company .name:hover
{
 color:#f10180;
}
.content .video-list li .video-infor .company .gold,
.video-show .video-infor .company .gold
{
 display:block;
 float:right;
 margin-top:6px;
}

.content .video-list li .video-infor .video-contact .contact,
.video-show .video-infor .video-contact .contact
{
 display:block;
 float:left;
 color:#f10180;
 font-size:14px;
 font-family:"Microsoft Yahei";
 padding-left:24px;
 background:url(/images/company/14.png) no-repeat left center;
 line-height:30px;
 cursor:pointer;
 width:56px;
}
.content .video-list li .video-infor .video-contact .contactnews,
.video-show .video-infor .video-contact .contactnews
{
 display:block;
 float:left;
 color:#f10180;
 font-size:14px;
 font-family:"Microsoft Yahei";
 padding-left:24px;
 background:url(/images/company/newsmore.png) no-repeat left center;
 line-height:30px;
 cursor:pointer;
 width:56px;
}


.content .video-list li .video-infor .video-contact .detail-product,
.video-show .video-infor .video-contact .detail-product
{
 display:block;
 float:right;
 padding:0 5px;
 line-height:28px;
 border:1px solid #f10180;
 color:#f10180;
 font-size:14px;
 font-family:"Microsoft Yahei";
 border-radius:4px;
}
.content .video-list li .video-infor .video-contact .detail-product:hover,
.video-show  .video-infor .video-contact .detail-product:hover
{
 background:#f10180;
 color:#ffffff;
}



/*----------------------page-----------------------*/
.page {
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-family:"Microsoft Yahei";
}
.page a {
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    border:1px solid #ccc;
    margin: 0 2px;
    text-align: center;
    color:#676767;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.page .total,
.page .page-select,
.page .skip-page
{
 display:inline-block;
 color:#333333;
 line-height:38px;
 margin: 0 2px;
}

.page .page-select .select{
    text-align:center;
    border:1px solid #b5b5b5;
    padding:0 5px;
    height:36px;
    line-height:20px;
    margin: 0 2px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.page .page-prev,
.page .page-next
{
 width:62px;
}
.page a:hover,
.page .page-hover,
.page .skip-page
{
	text-decoration:none;
	color:#ffffff;
	border:1px solid #f10180;
	background:#f10180;
}
.page .skip-page{
 cursor:pointer;
}

/*.page .skip-page:hover{
    color:#333333;
	border:none;
	background:none;
}*/
.page .page-disabled,
.page .page-disabled:hover
{
    color:#9a9a9a;
    border:1px solid #ccc;
    text-align: center;
    background: #ebebeb;
    border-radius:3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
/*----------------------page-----------------------*/