.pg-playlist-holder{
position: relative;
}
.pg-playlist-inner{
overflow: hidden;
width: 100%;
position: relative;
box-sizing:border-box;
height: 0;
transition: height ease-out 0.3s;
}
.pg-playlist-content{
position: relative;
width: 100%;
overflow: hidden;
display: none;
opacity: 0;
}
.pg-slide{
transition-property: transform;
transition-timing-function: ease-out;
transition-duration: 0.4s;
}
.pg-alpha{ }
.pg-playlist-backup{
position: absolute;
display: none;
}
.pg-cont{
position: relative;	
height: 100%;	
float: left;
} .pg-dbt .pg-box{
background: #eee;
float: left;
cursor: pointer;
padding: 10px;
box-sizing:border-box;
transition: opacity 300ms ease-in;
box-shadow: 1px 1px 5px 0px rgba(77, 77, 77, 0.38);
-webkit-backface-visibility: hidden;
}
.pg-dbt .pg-box-a{
transition:none;
}
.pg-hidden{
opacity: 0;
}
.pg-dbt .pg-thumb{
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.pg-dbt .pg-thumb:after{
display: block;
content: '';
position: absolute;
z-index: 3; 
top: calc(50% - 25px);
left: calc(50% - 20px);
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 40px;
border-color: transparent transparent transparent rgba(255,255,255,.3);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden; 
}
.pg-dbt .pg-thumbimg{
position: absolute;
width: 100%;
display: block;
user-select: none;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
transition: opacity 500ms ease-in;
}
.pg-dbt .pg-box:hover{
background:#fff;
}
.pg-dbt .pg-box:hover .pg-thumb:after{
border-color: transparent transparent transparent rgba(255,255,255,.8);
transition: all .2s ease-in; 
}
.pg-dbt .pg-box:hover .pg-thumbimg{
transform: scale(1.1);
transition: all .2s ease-in; 
}
.pg-dbt .pg-time{
position: absolute;
bottom: 5px;
right: 10px;
color: #fff;
background: rgba(0,0,0,0.4);
padding: 2px 5px;
font-size: 13px;
line-height: normal;
}
.pg-dbt .pg-info {
text-align: left;
line-height: normal;
overflow: hidden;
height:80px;
margin-top: 5px;
}
.pg-dbt .pg-title {
color: #5884a3;
font-size: 15px;
}
.pg-dbt .pg-published-at {
color: #b1b1b1;
font-size: 14px;
display: block;
}
.pg-dbt .pg-description{
color:#777;
font-size:12px;
display: block;
margin-top: 5px;
} .pg-dbt .pg-stats{
color:#a9a8a8;
width: 100%;
font-size: 12px!important;
display: flex; 
margin-top: 5px;
justify-content: space-between; 
}
.pg-dbt .pg-stats-plays-icon,
.pg-dbt .pg-stats-likes-icon,
.pg-dbt .pg-stats-comments-icon{
position: relative;
top:2px;
margin-right: 5px;
}
.pg-dbt .pg-stats-plays-icon svg,
.pg-dbt .pg-stats-likes-icon svg,
.pg-dbt .pg-stats-comments-icon svg{
width:14px;
}
.pg-dbt .pg-stats-likes-val{
position: relative;
top:1px;
} .pg-dot .pg-box{
position: relative;
background: #eee;
float: left;
cursor: pointer;
box-sizing:border-box;
transition: opacity 300ms ease-in;
-webkit-backface-visibility: hidden;
}
.pg-dot .pg-box-a{
transition:none;
}
.pg-dot .pg-hidden{
opacity: 0;
}
.pg-dot .pg-thumb{
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.pg-dot .pg-thumb:after{
display: block;
content: '';
position: absolute;
z-index: 3; 
top: calc(50% - 25px);
left: calc(50% - 20px);
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 40px;
border-color: transparent transparent transparent rgba(255,255,255,.3);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.pg-dot .pg-thumbimg{
position: absolute;
width: 100%;
display: block;
user-select: none;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
transition: opacity 500ms ease-in;
}
.pg-dot .pg-box:hover .pg-thumb:after{
border-color: transparent transparent transparent rgba(255,255,255,.0);
}
.pg-dot .pg-box:hover .pg-thumbimg{
transform: scale(1.1);
transition: all .2s ease-in; 
}
.pg-dot .pg-time{
position: absolute;
bottom: 5px;
right: 7px;
color: #fff;
background: rgba(0,0,0,0.4);
padding: 2px 5px;
font-size: 13px;
line-height: normal;
}
.pg-dot .pg-box:hover .pg-time{
display: none;
}
.pg-dot .pg-box:hover .pg-info-wrap{
opacity: 1;
transition: opacity 200ms ease-out;
}
.pg-dot .pg-info-wrap{
position: absolute;
left: 0;
top: 0;
padding: 10px;
background: rgba(0,0,0,0.7);
width: 100%;
height:100%;
overflow:hidden;
box-sizing: border-box;
opacity: 0;
text-align: center;
line-height: normal;
}
.pg-dot .pg-info {
position: relative;
left: 0;
top: 0;
width: 100%;
height:calc(100% - 50px);
}
.pg-dot .pg-title {
color: #5884a3;
font-size: 18px;
display: block;
margin-top: 5px;
}
.pg-dot .pg-published-at {
color: #f3f3f3;
font-size: 14px;
display: block;
}
.pg-dot .pg-description{
color:#a9a8a8;
font-size:14px;
display: block;
margin-top: 5px;
overflow: hidden;
} .pg-dot .pg-stats{
color:#a9a8a8;
position: absolute;
width: calc(100% - 20px);
bottom: 10px;
font-size: 13px!important;
display: flex; 
justify-content: space-between; 
}
.pg-dot .pg-stats-plays-icon,
.pg-dot .pg-stats-likes-icon,
.pg-dot .pg-stats-comments-icon{
position: relative;
float: left;
margin-right: 5px;
}
.pg-dot .pg-stats-plays-icon svg,
.pg-dot .pg-stats-likes-icon svg,
.pg-dot .pg-stats-comments-icon svg{
width:15px;
} .pg-prev,
.pg-next{
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #fff;
width: 40px;
height: 40px;
text-align: center;
border-radius: 100%;
line-height: 40px;
cursor: pointer;
display: none;
user-select: none;
box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.2);
}
.pg-next{
left: auto;
right: 5px;
}
.pg-prev svg{
margin-right: 3px;
}
.pg-next svg{
margin-left: 3px;
}
.pg-prev svg,
.pg-next svg{
color:#807f7f;
height: 100%;
}
.pg-prev:hover,
.pg-next:hover{
background: #444;
}
.pg-prev:hover svg,
.pg-next:hover svg{
color:#fff;
}
.pg-pagination-nav{
text-align: center;
margin: 5px 0 10px 0;
}
.pg-nav-bullet{
width: 11px;
height: 11px;
border-radius: 100%;
background-color: rgba(190, 190, 190, 0.4);
display: inline-block;
vertical-align: middle;
margin-right: 7px;
margin-left: 7px;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.pg-nav-bullet.pg-nav-item-active{
background-color: rgba(163, 162, 162, 0.7);
cursor: default;
}
.pg-nav-number{
text-align: center;
font-size: 13px;
padding: 3px 8px;
margin: 0 3px;
color: #aaa;
line-height: 1;
background: #eeeeee;
cursor: pointer;
user-select: none;
}
.pg-nav-number.pg-nav-item-active{
background-color: #444;
cursor: default;
} .pg-lightbox-wrap{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2147483646!important;
opacity:0;
display: none;
transition: opacity .3s ease-out;
} .pg-lightbox{
position: absolute;
overflow-x: hidden;
overflow-y: scroll; 
-webkit-overflow-scrolling: touch;
max-height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
padding: 50px 0;
}
.pg-lightbox-inner{
position: relative;
box-sizing: border-box;
left: 50%;
max-width: 920px;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
.pg-lightbox-content{
position: relative;
}
.pg-lightbox-content-inner{
position: relative;
padding-bottom: 56.25%;
background-color: #000;
}
.pg-lightbox iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pg-lightbox-close{
position: absolute;
top:0;
right:-40px;
width:40px;
height: 40px;
cursor: pointer;
background-color:  rgba(0,0,0,0);
}
.pg-lightbox-prev{
position: absolute;
top:50%;
left:-40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:40px;
height: 40px;
cursor: pointer;
background-color:  rgba(0,0,0,0);
}
.pg-lightbox-next{
position: absolute;
top:50%;
right:-40px;
width:40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 40px;
cursor: pointer;
background-color:  rgba(0,0,0,0);
}
.pg-lightbox-close svg,
.pg-lightbox-prev svg,
.pg-lightbox-next svg{
width:100%;
height:100%;
color:#aaa;
}
@media (max-width: 1000px) { 
.pg-lightbox-close{
right: auto;
top:-50px;
left: 50%;
margin-top: 5px;
margin-left: -20px;
}
.pg-lightbox-prev{
top:-50px;
margin-top: 5px;
left: 50%;
margin-left: -100px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.pg-lightbox-next{
top:-50px;
left: 50%;
right: auto;
margin-top: 5px;
margin-left: 60px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
} .pg-playlist-loader {
position:fixed;
top:50%;
left:50%;
width: 40px;
height: 40px;
margin-left:-20px;
margin-top:-20px;
background-color: #d7232b;
-webkit-animation: mvp_preloader 1.2s infinite ease-in-out;
animation: mvp_preloader 1.2s infinite ease-in-out;
}
@-webkit-keyframes mvp_preloader {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes mvp_preloader {
0% { 
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
} 50% { 
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
} 100% { 
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
} .pg-yt a{
box-shadow: none!important;
text-decoration: none!important;
}
.pg-yt a,
.pg-yt a:hover{
color: inherit!important;
}
.pg-yt.pg-lightbox-info{
background-color: #fff;
font-family: Roboto, Arial, sans-serif;
box-sizing: border-box;
padding-right: 40px;
padding-left: 40px;
}
.pg-yt .pg-lightbox-video-title{
font-size: 18px;
color: #222;
font-weight: 500;
padding: 15px 0 0 0;
margin: 0!important;
line-height: normal;
}
.pg-yt .pg-lightbox-video-uploaded-date{
color: #bbb;
font-size: 13px;
padding: 0 0 7px 0;
margin: 0;
}
.pg-yt .pg-lightbox-user-info{
padding: 15px 0;
overflow: hidden;
display: flex;
align-items: center;
clear: both;
}
.pg-yt .pg-lightbox-user-info-left{
}
.pg-yt .pg-lightbox-user-info-avatar{
width: 50px;
height: 50px;
border-radius: 100%;
overflow: hidden;
display: inline-block;
float: left;
}
.pg-yt .pg-lightbox-user-info-avatar img{
max-width: none;
max-height: 100%;
}
.pg-yt .pg-lightbox-user-info-name-wrap{
float: left;
margin-left: 15px;
}
.pg-yt .pg-lightbox-user-info-name{
display: inline-block;
font-size: 14px;
color:#444;
font-weight: 600;
margin-bottom: 2px;
}
.pg-yt .pg-lightbox-user-info-name a{
color: inherit;
}
.pg-yt .pg-lightbox-user-follow-btn{
display: inline-block;
margin-left: auto;
}
.pg-yt .pg-follow-btn{
display: none;
}
.pg-yt .pg-user-follow-icon{
position: relative;
top:2px;
margin-right: 4px;
}
.pg-yt .pg-lightbox-user-follow{
position: relative;
text-align: center;
vertical-align: middle;
letter-spacing: 0.1px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
background-color: #f00;
color: #fff;
font-size: 14px;
line-height: 2.14286;
width: auto;
margin: 0;
border-radius: 2px;
padding: 3px 15px;
cursor: pointer;
}
.pg-yt .pg-lightbox-user-follow a{
color:inherit;
}
.pg-yt .pg-lightbox-user-follow span{
opacity: 0.9;
}
.pg-yt .pg-lightbox-user-following{
display: none;
width: 106px;
cursor: pointer;
} .pg-yt .pg-stats-wrap{
display: flex; 
padding: 15px 0 10px 0;
align-items:center;
border-bottom: 1px solid #e3e8e9;
line-height: normal;
}
.pg-yt .pg-lightbox-video-stats-wrap{
position: relative;
}
.pg-yt .pg-lightbox-video-stats-likes-wrap,
.pg-yt .pg-lightbox-video-stats-dislike-wrap{
margin-right: 18px;
cursor: pointer;
}
.pg-yt .pg-lightbox-video-stats{
display: inline-block;
}
.pg-yt .pg-lightbox-video-stats-plays-wrap{
font-size: 16px;
color:#aaa;
display: inline-block;
margin: 0;
}
.pg-yt .pg-lightbox-video-stats-right{
display: inline-block;
margin-left: auto;
}
.pg-yt .pg-lightbox-video-stats-right-inner{
position: relative;
padding: 5px;
}
.pg-lightbox-video-stats-likes-wrap{
display: inline-block;
position: relative;
}
.pg-lightbox-video-stats-icon svg{
position: relative;
top: 2px;
}
.pg-yt .pg-lightbox-video-stats-icon{
margin-right: 5px;
color: #aaa;
}
.pg-yt .pg-lightbox-video-stats-icon svg{
width: 14px;
}
.pg-yt .pg-lightbox-video-stats-val{
font-size: 13px;
font-weight: 500;
line-height: 1.25;
color:#aaa;
}
.pg-yt .pg-lightbox-video-stats-ratio{
position: absolute;
display: inline-block;
height: 2px;
bottom: -7px;
left: 0;
width: calc(100% - 10px);
background-color: #ccc;
}
.pg-yt .pg-lightbox-video-stats-ratio-bg{
height: 16px;
position: absolute;
top: -5px;
width: 100%;
display: block;
background-color: rgba(0,0,0,0);
}
.pg-yt .pg-lightbox-video-stats-ratio-val{
height: 100%;
position: absolute;
width: 128px;
display: block;
background-color: #2793e6;
} .pg-yt .pg-lightbox-video-share-btn{
user-select: none;
cursor: pointer;
}
.pg-yt .pg-lightbox-video-share-inner{
float: right;
margin-top: 5px;
display: none;
}
.pg-yt .pg-lightbox-video-share{
position: relative;
width: 30px;
height: 30px;
display: inline-block;
float: left;
margin-left: 5px;
cursor: pointer;
}
.pg-yt .pg-lightbox-video-share:hover{
opacity: 0.9;
}
.pg-yt .pg-lightbox-video-share svg{
height:18px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pg-yt .pg-share-facebook{
background:#3b5998!important;
}
.pg-yt .pg-share-twitter{
background:#55acee!important;
}
.pg-yt .pg-share-google-plus{
background:#ee5555!important;
}
.pg-yt .pg-share-tumblr{
background:#35465c!important;
} .pg-yt .pg-lightbox-video-desc-wrap{
padding: 0 0 20px 0;
position: relative;
clear: both;
margin-left: 65px;
}
.pg-yt .pg-lightbox-video-desc{
position: relative;
}
.pg-yt .pg-lightbox-video-desc-inner{
color:#333;
font-size: 14px;
white-space: pre-wrap;
overflow: hidden;
}
.pg-yt .pg-lightbox-video-desc:after{
position: absolute;
z-index: 3;
bottom: 0;
width: 100%;
height: 100px;
background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 70%);
content: '';
}
.pg-yt .pg-lightbox-video-desc-full:after{
display: none;
}
.pg-yt .pg-lightbox-video-desc-read-more{
color: #999;
position: absolute;
z-index: 4;
bottom: 0;
font-weight: 600;
font-size:13px;
} .pg-yt .pg-lightbox-video-comments-holder{
border-top: 1px solid #e3e8e9;
padding-bottom: 40px;
}
.pg-yt .pg-lightbox-video-comment-count{
padding: 20px 0 10px 0;
font-size: 16px;
font-weight: 500;
color: #444;
margin: 0;
}
.pg-yt .pg-lightbox-video-comment-load-more{
font-weight: 700;
text-align: center;
color:#8699a6;
font-size: 14px;
line-height: 2.71429;
border: 1px solid #8699a6;
transition: all 0.1s ease-in-out;
border-color: rgb(134, 153, 166);
display: none;
cursor: pointer;
}
.pg-yt .pg-lightbox-video-comment-load-more:hover{
background-color: rgb(208, 216, 219);
color: rgb(26, 46, 59);
border-color: rgb(208, 216, 219);
}
.pg-yt .pg-lightbox-video-comment-wrap{
padding-top: 10px;
padding-bottom: 20px;
}
.pg-yt .pg-lightbox-video-comment{
position: relative;
display: flex;
flex-wrap: nowrap;
font-size: 14px;
}
.pg-yt .pg-lightbox-video-comment:eq(0){
}
.pg-yt .pg-lightbox-video-comment-avatar{
flex: 0 0 40px;
margin-right: 15px;
}
.pg-yt .pg-lightbox-video-comment-avatar img{
width: 40px;
height: 40px;
border-radius: 100%;
display: block;
margin-top: 16px;
}
.pg-yt .pg-lightbox-video-comment-detail-wrap{
flex: 1;
padding: 15px 0 10px 0;
}
.pg-yt .pg-lightbox-video-comment-user{
font-size: 14px;
line-height: 1.42857;
font-weight: 600;
color: #333;
}
.pg-yt .pg-lightbox-video-comment-user a{
color: inherit;
}
.pg-yt .pg-lightbox-video-comment-time{
font-weight: 400;
margin-left: 6px;
font-size: 12px;
line-height: 1.33333;
color: #8699a6;
}
.pg-yt .pg-lightbox-video-comment-desc{
color: #333;
margin-top: 4px;
margin-bottom: 20px;
font-size: 14px;
} .pg-vim a{
box-shadow: none!important;
text-decoration: none!important;
}
.pg-vim a,
.pg-vim a:hover{
color: inherit!important;
}
.pg-vim.pg-lightbox-info{
background-color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
box-sizing: border-box;
padding-right: 40px;
padding-left: 40px;
}
.pg-vim .pg-lightbox-video-title{
font-size: 36px;
color: #1a2e3b;
font-weight: 500;
padding: 10px 0 7px 0;
margin: 00!important;
line-height: normal;
}
.pg-vim .pg-lightbox-video-uploaded-date{
color: rgb(134, 153, 166);
font-size: 14px;
padding: 0 0 7px 0;
margin: 0;
line-height: normal;
}
.pg-vim .pg-lightbox-user-info{
padding: 5px 0 20px 0;
overflow: hidden;
display: flex;
align-items: center;
border-bottom: 1px solid #e3e8e9;
}
.pg-vim .pg-lightbox-user-info-avatar{
width: 30px;
height: 30px;
border-radius: 100%;
overflow: hidden;
display: inline-block;
}
.pg-vim .pg-lightbox-user-info-avatar img{
max-width: none;
max-height: 100%;
}
.pg-vim .pg-lightbox-user-info-name{
display: inline-block;
font-size: 14px;
color:#1a2e3b;
font-weight: 600;
margin-left: 10px;
}
.pg-vim .pg-lightbox-user-info-name a{
color: inherit;
}
.pg-vim .pg-lightbox-user-follow-btn{
display: inline-block;
margin-left: 10px;
}
.pg-vim .pg-follow-btn{
display: none;
}
.pg-vim .pg-user-follow-icon{
position: relative;
top:2px;
margin-right: 4px;
}
.pg-vim .pg-lightbox-user-follow{
position: relative;
font-weight: 700;
text-align: center;
vertical-align: middle;
letter-spacing: 0.1px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
background-color: rgb(0, 173, 239);
color: rgb(255, 255, 255);
font-size: 14px;
line-height: 2.14286;
width: auto;
margin: 0;
border-radius: 4px;
transition: all 0.1s ease-in-out;
padding: 7px 10px;
cursor: pointer;
}
.pg-vim .pg-lightbox-user-follow:hover{
background-color: rgb(0, 136, 204);
color: rgb(255, 255, 255);
}
.pg-vim .pg-user-follow-icon svg{
width: 14px;
height: 14px;
} .pg-vim .pg-lightbox-video-stats-wrap{
padding: 20px 0;
overflow: hidden;
}
.pg-vim .pg-lightbox-video-stats-wrap-inner{
padding: 5px;
margin-right: 15px;
transition: all .1s ease-in-out;
border-radius: 3px;
cursor: pointer;
}
.pg-vim .pg-lightbox-video-stats-wrap-inner:hover{
background: #f0f2f4;
}
.pg-vim .pg-lightbox-video-stats{
display: inline-block;
margin-top: 8px;
}
.pg-vim .pg-lightbox-video-stats-icon{
margin-right: 2px;
}
.pg-vim .pg-lightbox-video-stats-icon svg{
width: 14px;
}
.pg-vim .pg-lightbox-video-stats-val{
font-size: 16px;
font-weight: normal;
line-height: 1.25;
color: #1a2e3b;
margin-left: 5px;
} .pg-vim .pg-lightbox-video-share-holder{
float: right;
}
.pg-vim .pg-lightbox-video-share-inner{
margin-top: 8px;
clear: both;
float: right;
display: none;
}
.pg-vim .pg-lightbox-video-share{
position: relative;
width: 30px;
height: 30px;
display: inline-block;
float: left;
margin-left: 5px;
cursor: pointer;
}
.pg-vim .pg-lightbox-video-share:hover{
opacity: 0.9;
}
.pg-vim .pg-lightbox-video-share svg{
height:18px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pg-vim .pg-share-facebook{
background:#3b5998!important;
}
.pg-vim .pg-share-twitter{
background:#55acee!important;
}
.pg-vim .pg-share-google-plus{
background:#ee5555!important;
}
.pg-vim .pg-share-tumblr{
background:#35465c!important;
}
.pg-vim .pg-lightbox-video-share-btn{
display: inline-block;
float: right;
position: relative;
font-weight: 700;
text-align: center;
vertical-align: middle;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-font-smoothing: antialiased;
background-color: rgb(238, 241, 242);
color: #1A2E3B;
font-size: 14px;
line-height: 2.14286;
width: auto;
margin: 0;
border-radius: 4px;
transition: all 0.1s ease-in-out;
padding: 4px 17px;
cursor: pointer;
user-select: none;
}
.pg-vim .pg-lightbox-video-share-btn:hover{
background-color: rgb(227, 232, 233);
color: #1a2e3b;
} .pg-vim .pg-lightbox-video-desc-wrap{
padding: 10px 0 20px 0;
position: relative;
}
.pg-vim .pg-lightbox-video-desc{
position: relative;
}
.pg-vim .pg-lightbox-video-desc-inner{
color:#1a2e3b;
font-size: 14px;
white-space: pre-wrap;
overflow: hidden;
}
.pg-vim .pg-lightbox-video-desc:after{
position: absolute;
z-index: 3;
bottom: 0;
width: 100%;
height: 100px;
background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 70%);
content: '';
}
.pg-vim .pg-lightbox-video-desc-full:after{
display: none;
}
.pg-vim .pg-lightbox-video-desc-read-more{
color: #1a2e3b;
position: absolute;
z-index: 4;
bottom: 0;
font-size:14px;
font-weight: 500;
}
.pg-vim .pg-lightbox-video-desc-read-more a{
color: #08c;
}
.pg-vim .pg-lightbox-video-desc-read-more:hover{
color: #08c;
} .pg-vim .pg-lightbox-video-category-wrap{ 
padding: 25px 0 15px 0;
}
.pg-vim .pg-lightbox-video-category-num{
margin-bottom: 5px;
font-size: 18px;
font-weight: 500;
}
.pg-vim .pg-lightbox-video-category{ 
font-size: 14px;
font-weight: 500;
line-height: 1.33333;
color: #1a2e3b;
}
.pg-vim .pg-lightbox-video-category a{ 
color: inherit;
display: inline-block;
overflow: hidden;
margin-bottom: 5px;
margin-right: 5px;
}
.pg-vim .pg-lightbox-video-category span{  
display: inline-flex;
position: relative;
font-weight: 700;
text-align: center;
vertical-align: middle;
letter-spacing: 0.1px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
background-color: rgb(238, 241, 242);
color: #1a2e3b;
font-size: 14px;
line-height: 2.14286;
width: auto;
margin: 0px;
transition: all 0.1s ease-in-out;
padding: 0px 10px;
border-radius: 66px;
}
.pg-vim .pg-lightbox-video-category span:hover{
background-color: rgb(227, 232, 233);
color: #1a2e3b;
} .pg-vim .pg-lightbox-video-comments-holder{
border-top: 1px solid #e3e8e9;
padding-bottom: 40px;
}
.pg-vim .pg-lightbox-video-comment-count{
padding: 16px 0;
font-size: 18px;
font-weight: 500;
line-height: 1.33333;
color: #1a2e3b;
margin: 0;
}
.pg-vim .pg-lightbox-video-comment-load-more{
font-weight: 700;
text-align: center;
color:#8699a6;
font-size: 14px;
line-height: 2.71429;
border: 1px solid #8699a6;
border-radius: 3px;
transition: all 0.1s ease-in-out;
border-color: rgb(134, 153, 166);
display: none;
cursor: pointer;
}
.pg-vim .pg-lightbox-video-comment-load-more:hover{
background-color: rgb(208, 216, 219);
color: rgb(26, 46, 59);
border-color: rgb(208, 216, 219);
}
.pg-vim .pg-lightbox-video-comment-wrap{
padding-top: 10px;
padding-bottom: 20px;
}
.pg-vim .pg-lightbox-video-comment{
position: relative;
display: flex;
flex-wrap: nowrap;
font-size: 14px;
}
.pg-vim .pg-lightbox-video-comment:eq(0){
}
.pg-vim .pg-lightbox-video-comment-avatar{
flex: 0 0 40px;
margin-right: 15px;
}
.pg-vim .pg-lightbox-video-comment-avatar img{
width: 40px;
height: 40px;
border-radius: 100%;
display: block;
margin-top: 20px;
}
.pg-vim .pg-lightbox-video-comment-detail-wrap{
flex: 1;
border-top: 1px solid #E3E8E9;
padding: 15px 0 10px 0;
}
.pg-vim .pg-lightbox-video-comment:first-child .pg-lightbox-video-comment-detail-wrap{
border-top: none;
}
.pg-vim .pg-lightbox-video-comment-user{
font-size: 14px;
line-height: 1.42857;
font-weight: 600;
color: #1a2e3b;
}
.pg-vim .pg-lightbox-video-comment-user a{
color: inherit;
}
.pg-vim .pg-lightbox-video-comment-time{
font-weight: 400;
margin-left: 6px;
font-size: 12px;
line-height: 1.33333;
color: #8699a6;
}
.pg-vim .pg-lightbox-video-comment-desc{
color: #1a2e3b;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.42857;
} .pg-playlist-header{
display: flex;
flex-wrap: wrap;
margin: 10px 0 0 10px;
font-family: Arial, Helvetica, sans-serif;
}
.pg-playlist-header span{
padding: 20px;
display: inline-block;
cursor: pointer;
color:#333;
}
.pg-playlist-header span.pg-active,
.pg-playlist-header span:hover{
background: #F44336;
color: #fff;
}