﻿body {color: #2a3342;font-size: 14px;line-height: 1.42857143;}
.lyw-container{margin-bottom:50px;position: relative;}
.pb120{padding-bottom:120px}
.pb60{padding-bottom:60px}
.mb50{margin-bottom:50px}
.mt4{margin-top:4px}
.pt60{padding-top:60px}
.container-left{width:780px;margin-right:40px}
.container-right{width:320px}
.container-box{padding-top:20px}
a:focus, a:hover {color: #477ae4; text-decoration: none;}
.phonetop{ height:60px!important;}

.shade:before{content:"";position:absolute;width:100%;height:40%;left:0;bottom:0;background-color:transparent;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:-moz-linear-gradient(top,transparent,#000);background:-ms-linear-gradient(top,transparent,#000);opacity:.7;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.shade:hover:before{opacity:1}
.video-title-hd {margin-bottom: 15px;}
.video-title-hd .video-title {font-size: 16px;font-weight: 700;color: #2a3342;background-color: #fff;padding-left: 10px;border-left: 4px solid #c7000b;}
.video-list { margin-left: -10px; margin-right: -10px;}
ul { list-style: none; padding-left: 0; margin-bottom: 0;}
.video-list .video-item:nth-of-type(1), .video-list .video-item:nth-of-type(2), .video-list .video-item:nth-of-type(3) { margin-top: 0;}
.video-list .video-item { float: left; width: 33.33%;padding: 0 10px; margin-top: 20px;}
.video-list .video-item .video-item-box { border: 1px solid #eee;border-radius: 2px;}
.video-list .video-pic {display: block; position: relative; border-radius: 2px; overflow: hidden;}
.video-list .video-pic .pic { width: 100%;}
.video-list .video-info { position: relative;padding: 12px;padding-top: 15px;min-height: 170px;}
video-list .video-info .no-time-box {overflow: hidden;}
.video-list .video-info .video-title {height: 40px; font-size: 16px;color: #2a3342; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 700;}
.video-list .video-info .video-info-ft { margin-top: 0px;  font-size: 14px;  color: #2a3342;}

.video-list .video-pic .icon-play { position: absolute; width: 40px; height: 40px;left: 50%;top: 50%;margin-left: -20px; margin-top: -20px;background: url(../images/ly_video_icon_play.png) center no-repeat; background-size: 40px;}
.video-banner{height:360px;padding-right:360px;position:relative}
.video-banner .video-pic{display:block;position:relative;height:360px;overflow:hidden;border-top-left-radius:2px;border-bottom-left-radius:2px}
.video-banner .video-pic .pic{width:100%;min-height:100%}
.video-banner .video-pic .time{position:absolute;left:0;top:30px;background-color:rgba(255,255,255,.2);color:#fff;font-size:12px;padding:0 10px;line-height:24px;border-top-right-radius:12px;border-bottom-right-radius:12px}
.video-banner .video-pic .icon-play{position:absolute;width:42px;height:42px;top:55%;left:50%;margin-left:-21px;margin-top:-21px;background:url(../images/ly_video_header_icon_play.png) center no-repeat;background-size:42px}
.video-banner .video-info{position:absolute;top:0;right:0;width:360px;height:360px;padding:30px;background-color:#c7000b;border-top-right-radius:2px;border-bottom-right-radius:2px}
.video-banner .video-info .xianzhi{height:300px;overflow:hidden}
.video-banner .video-info .video-title{font-size:20px;font-weight:700;color:#fff}
.video-banner .video-info .video-brief{margin-top:40px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}

.video-banner .video-infop{font-size: 14px;padding: 5px 15px;}

@media (min-width:992px) and (max-width:1200px)
{
}
@media (min-width:555px) and (max-width:992px)
{
	.video-banner .video-infop{display: block !important;}
.video-title-hd {margin-bottom: 0px;margin-top: 90px;}
.lwy-container {position: relative;padding: 0 15px;}
.video-banner {padding-right:0;height:360px;
    margin-left: -15px;
    margin-right: -15px;
}
.video-banner .video-pic {height: 360px;}
.video-banner a {
    display: block;
}
.video-banner a .pic {
    width: 100%;
}
.video-banner a .video-info {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
video-banner a .video-info .title {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.video-banner .video-info  {
     display:none;
}
.video-list .video-item{width:50%}
.video-list .video-item:nth-of-type(1), .video-list .video-item:nth-of-type(2), .video-list .video-item:nth-of-type(3) { margin-top: 20px;}
}
@media (max-width:554px)
{
.video-title-hd {margin-bottom: 0px;margin-top: 90px;}	
.lwy-container {position: relative;padding: 0 15px;}
.video-banner {padding-right:0;height:310px;
    margin-left: -15px;
    margin-right: -15px;
}
.video-banner .video-pic {height: 260px;}
.video-banner a {
    display: block;
}
.video-banner a .pic {
    width: 100%;
}
.video-banner a .video-info {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
video-banner a .video-info .title {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.video-banner .video-info  {
     display:none;
}
.video-list .video-item{width:100%}
.video-list .video-item:nth-of-type(1), .video-list .video-item:nth-of-type(2), .video-list .video-item:nth-of-type(3) { margin-top: 20px;}

}