.video-list { background: #ecf0fc;padding-top:10px;padding-bottom:40px;}
.video-card { padding:0px; margin-top:40px;background: #ffffff; border-radius:10px; box-shadow: 0 0 10px 0 rgba(56, 172, 127, 0.08);}
.video-card:hover{ background-color:#5f8ff2;transition:.6s; }
/*
.video-card .content:hover { background-color:#525fe1;background-color:var(--color-primary);border-radius:5px;box-shadow:0 12px 30px rgba(82,95,225,.1);height:100%;left:0;opacity:16;padding:30px; transition:.4s;width:100%;z-index:2}
*/
.video-card { padding:20px; }
.video-card .thumbnail img{ border:1px #efefef solid; border-radius:5px; background: #FBFCFE ;}
.video-card .tit { color:#000;font-size:16px;line-height: 40px;height:40px;overflow: hidden; font-weight: bold;}
.video-card .intro { color:#cccccc;font-weight:normal;}
.video-card .pub { color:#efefef;font-weight:normal;}

.cpage { clear:both;  width:80%; padding:10px 20px;margin:0 auto; margin-top:30px;}
.cpagelist li { list-style-type:none; float:left; font-family:Tahoma; margin-right:4px;}
.cpagelist li a,.cpagelist li a:link,.cpagelist li a:visited {padding:10px; display: block; color:#333333;border:1px solid#cccccc;background:#efefef;text-decoration:none; }
.cpagelist li .nolink{padding:10px; display: block; color:#333333;border:1px solid#cccccc;background:#efefef;text-decoration:none;}
.cpagelist li.thisclass{padding:10px; display: block; color:#Fff;background:#34bf49;border:#34bf49 1px solid;text-decoration:none;}
.cpagelist li .pageinfo{padding:10px; display: block; color:#333333;border:1px solid#cccccc;background:#efefef;text-decoration:none;}

.video-list {padding-top:20px;}
.video-list .title { color: #78909c; line-height: 40px; height: 40px; overflow:hidden; font-family: "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif, arial; }
.video-list .title a,.video-list .title a:link,.video-list .title a:visited { color: #0C59DB;}
.video-list .title a:hover{ text-decoration: underline;}
.mainPlayer{ box-shadow:0 0 10px rgba(18,22,25,.1); border:1px #cccccc solid; border-radius:6px; background: #ffffff;}
.container .row .mainPlayer h1{ font-size:22px; padding:0;margin:0; color: #333333; background: #ffffff;}
.container .row .mainPlayer h1 span{padding-left:15px;padding-bottom: 10px; padding-top: 10px; line-height: 36px; display: block;}
.container .row .mainPlayer div.row{ padding:0 20px;}
.container .row .mainPlayer div.row div.tip{padding-bottom:10px;}
.container .row .mainPlayer div.pub{ padding:0 20px 20px 20px; color:#cccccc;}
.button-primary,.button-primary:visited{color: #fff;background-color: #4bbc56;border-color: #4bbc56;}
.button-primary:hover{color: #48332f;background: #fff;border-color: #fff;}
.button-primary2,.button-primary2:link,.button-primary2:visited{color: #4bbc56;background-color: #ffffff;border-color: #4bbc56;}
.button-primary2:hover{color: #0C59DB;background-color:#ffffff ;border-color: #0C59DB;}
.buttons { display: inline-block;position: relative;padding: 12px 30px;font-size: 16px;line-height: 24px;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
 border:2px #4bbc56 solid;  text-align: center;cursor: pointer;vertical-align: middle;user-select: none;transition: 250ms all ease-in-out;min-width: 165px; margin-right:5px;}