.vidArrow, .vidPlay, .pPlayHead, .reasonIcons .pIcon svg path, .qualValues i, .topNavs .pIcon svg path {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.pIcon {cursor: pointer;}
.pIcon svg {vertical-align: middle;}
.pIcon svg path, .pIcon svg circle {fill: #fff;}
.pIcon.nvaAct svg path {fill: #0080D8;}
.pIcon.nvaAct.nvLike svg path {fill: #4eaf2d;}
.pIcon.nvaAct.nvDislike svg path {fill: #E71D27;}
.pIcon-20 svg {width: 20px; height: 20px;}
.pIcon-40 svg {width: 40px; height: 40px;}
.pIcon-80 svg {width: 80px; height: 80px;}
.videoBlock, .videoBlock video, .videoBlock img.vidImg, .pCanvasFill {display: block; height: 100%; width: 100%; position: absolute;}
.videoBlock {min-height: 320px; position: relative; background-color: #000;}
.videoBlock .tooltip::after, .videoBlock [data-tooltip]::after {border-radius: 0;}
[data-tooltip]::before, .tooltip::before, .tooltip-top::before {display: none;}
.videoTop {position: absolute; top: 0; width: 100%; height: 170px; background: -moz-linear-gradient(top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000',endColorstr='#00000000',GradientType=0); z-index: 1;}
.videoBot {position: absolute; bottom: 0; width: 100%; height: 70px; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0); z-index: 3;}
.pVideoNav {padding: 13px 10px 0 10px;}
.pVideoNavIn {position: relative;}
.pVideoDurationBlock {cursor: pointer; padding: 8px 0; margin: 0 0 -5px 0;}
.pVideoDurationBlockIn, .pVideoBuffered {height: 3px; background: rgba(255,255,255,0.2);}
.pVideoDurationBlock:hover .pVideoBuffered, .pVideoDurationBlock:hover .pVideoDurationBlockIn, .pVideoDurationBlock:hover .pVideoWatched {height: 5px;}
.pVideoDurationBlock:hover .pVideoDurationBlockIn {margin: -1px 0;}
.pVideoDurationBlock:hover .pPlayHead {display: block;}
.pVideoDurationBlockIn {position: relative;}
.pVideoBuffered {position: absolute;}
.pVideoWatched {height: 3px; background: #0080D8; position: absolute;}
.pProgressBack {height: 17px; background: rgba(0,0,0,0); position: absolute; width: 100%; top: -5px; left: 0;}
.pPlayHead {width: 13px; height: 13px; position: absolute; top: 1px; left: 0; background: #0080D8; border-radius: 100%; z-index: 1; display: none;}
.pPlayBm:hover, .pPlayBm.act {background: #00B500;}
.mainVidTitle {color: #fff; padding: 0 0 0 45px; margin: 15px 0 0 15px; font-family: Arial, Helvetica, sans-serif; float: left;}
.mainVidTitle .thVidTtl {float: left; margin: 0 0 0 -45px; width: 32px; height: 32px; border-radius: 32px; border: solid 2px #fff !important;}
.mainVidTitle span {display: block; font-size: 12px; opacity: 0.3;}
.mainVidTitle a {text-decoration: none; color: #fff;}
.mainVidTitle h2 {font-size: 14px; font-weight: normal; line-height: 1; max-width: 380px; width: 100%;}
.mainVidTitle:hover span {opacity: 1;}
.mainVidTitle .pTitle, svg.isHD {display: inline-block;}
.inVidPop {position: absolute; bottom: 20px; background: rgba(44,51,64,0.74); padding: 5px; font-size: 12px; color: #fff; z-index: 2; display: none;}
.inVidPop .bookmarkDel {display: none; position: absolute; right: 5px; top: 5px; z-index: 1; background: rgba(44,51,64,0.74); border-radius: 5px; padding: 2px;}
.inVidPop:hover .bookmarkDel {display: block;}
.inVidPop .videoDuration, .vidDur {position: absolute; left: 5px; bottom: 5px; z-index: 1; background: rgba(44,51,64,0.74); padding: 0 5px; line-height: 20px; border-radius: 3px;}
.inVidPop img, .inVidPop canvas, .imgCanv {display: block; width: 100%; position: relative;}
.inVidPop input {color: #666; font-size: 12px; width: 155px; height: 25px; border: 0; text-indent: 10px; float: left; border-radius: 3px 0 0 3px; margin: 5px 0 0 0;}
.inVidPop button {color: #fff; font-size: 12px; width: 45px; float: left; text-transform: uppercase; background: #02B325; height: 25px; border-radius: 0 3px 3px 0; line-height: 26px; margin: 5px 0 0 0;}
.ivpTtl {line-height: 20px; padding-bottom: 5px;}
.ivpTtl .pIcon {float: right; margin: 0 0 0 3px;}
.inVidPopArrow {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(44,51,64,0.74); bottom: -10px; font-size: 0; height: 0; left: 0; line-height: 0; margin: auto; overflow: hidden; position: absolute; right: 0; width: 0;}
.inVidPop p {width: 210px; padding-top: 5px; text-align: center; margin: -3px 0;}
.inVidPop p.bmText {text-align: left;}
.piExpand, .piPlay, .piFold {width: 20px; height: 20px; position: relative;}
.piExpand svg, .piPlay svg, .piFold svg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.ivpTtl .tooltip-top:after {width: 130px; text-align: center; left: -10px; margin-bottom: 0;}
.playerBtns .tooltip-top:after {white-space: nowrap; width: 35px; text-align: center; margin-bottom: 0;}
.piSettings.tooltip-top:after {width: 42px; left: 38px;}
.piRepeat.tooltip-top:after {width: 42px; left: 35px;}
.piExpand.tooltip-top:after {width: auto; left: 22px;}
.piFold.tooltip-top:after {width: auto; left: 4px;}
.piPlay.tooltip-top:after, .piPause.tooltip-top:after {left: 47px;}
.piPause, .piFold, .piVolume .piv2, .piVolume.piVolumeOff .piv1 {display: none;}
.piVolume.tooltip-top:after {left: 42px;}
.pVolumeBar.tooltip-top:after {left: 65px; margin-bottom: 8px;}
.piVolume.piVolumeOff .piv2 {display: block;}
.pIconPop {display: inline-block; cursor: pointer;}
.pIconPop.tooltip-top:after {width: 60px; left: 30px; margin-bottom: -10px;}
.topNavs {float: right; padding: 15px 15px 0 0;}
.topNavs .pIcon {float: left; margin: 0 0 0 19px; font-size: 12px; color: #fff; text-align: center;}
.topNavs .pIcon svg {display: block; margin: 0 auto;}
.topNavs .pIcon:hover svg path {fill: #0080d8;}
.vidArrow {position: absolute; top: 0; bottom: 0; margin: auto; width: 65px; height: 53px; padding-top: 12px; background: rgba(44,51,64,0.74); border-radius: 100%; text-align: center; cursor: pointer; z-index: 1;}
.vidArrowLeft {left: 15px;} .vidArrowRight {right: 15px;}
.vidPlay, .vidBuffer {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 130px; height: 130px; background: rgba(44,51,64,0.74); border-radius: 100%; text-align: center; cursor: pointer; box-sizing: border-box; padding: 24px 0 0 10px; z-index: 1;}
.playerBtns {padding: 0 5px; height: 40px; display: flex; align-items: center;}
.vidArrow:hover, .vidPlay:hover {background: #0080D8;}
.playerBtns .pIcon {margin: 0 5px;}
.timeline {color: #fff; font-size: 12px; margin: 0 5px;}
.timeline .pRightTime {color: #7a7a7a; white-space: nowrap;}
.pbRight {margin-left: auto; display: flex; align-items: center;}
.pVolumeBar {width: 70px; height: 3px; background: #5F5C5E; margin: 0 11px; position: relative; display: none;}
.pVolumeBack {width: 100%; height: 13px; background: transparent; top: -5px; position: relative;}
.pVolumeValue {height: 3px; background: #fff; top: 5px; position: relative;}
.volCur {position: absolute; width: 13px; height: 13px; top: 0; left: -6px; border-radius: 100%; background: #fff; z-index: 1; cursor: pointer;}
.piSettings {position: relative;}
.pHD {position: absolute; left: 0; top: 0;}
.settingPop {background: rgba(44,51,64,0.74); position: absolute; right: -25px; bottom: 37px; padding: 5px 10px; display: none;}
.settingPop .inVidPopArrow {right: 25px; left: auto;}
.setItem {display: flex; height: 35px; align-items: center; font-size: 14px;}
.setItem>span {color: #fff; display: block; width: 75px;}
.setItem>div {margin-left: auto; color: #999; white-space: nowrap; display: flex; align-items: center;}
.playerBtns .setItem .pIcon {margin: 0 0 0 5px;}
.playerBtns .setItem .pIcon svg path, .setPopHeader .pIcon svg path {fill: #999;}
.autoSwitcher {width: 34px; height: 16px; background: #7A7A7A; border-radius: 8px; position: relative;}
.autoSwitcherScroller {width: 18px; height: 18px; border-radius: 100%; background: #fff; position: absolute; top: -1px;}
.autoSwitcher.act {background: #4ca82c;}
.autoSwitcher.act .autoSwitcherScroller {background: #fff; right: 0;}
.setPopHeader {display: flex; align-items: center; height: 28px;}
.setPopHeader {color: #999; font-size: 14px;}
.setPopHeader .pIcon {margin: 0 5px 0 0;}
.qualValues i {padding: 0 10px 0 20px; white-space: nowrap; line-height: 28px; position: relative; display: block; font-style: normal; color: #fff; font-size: 14px; cursor: pointer;}
.qualValues i:hover {background: #000;}
.qualValues i.act:before {content: ''; width: 6px; height: 6px; border-radius: 6px; background: #0080D8; position: absolute; top: 0; bottom: 0; left: 5px; margin: auto;}
.qualValues i svg, .qualityVal span svg {margin: 0 0 0 -5px;}
.pThumbsRow {left: 10px; right: 10px; position: absolute; height: 60px; overflow: hidden; bottom: 65px; z-index: 2; display: none;}
.pThumbsRowIn {position: relative;}
.pThumbsRowIn img {display: block; width: 108px; height: 60px; float: left; margin-right: 1px;}
.vidDur {left: 65px; color: #fff;}
.pLogo {width: 80px; height: 40px; margin: 0 5px 0 0;}
.videoEnd {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.74); padding: 0 20px; z-index: 2; display: none;}
.videoEnd ul {list-style: none; margin: 0; padding: 0;}
.videoEnd ul li {display: block; float: left; width: 25%; padding: 1px; box-sizing: border-box;}
.videoEnd ul li a.videoTitle {display: block; font-size: 11px; margin: 3px 0; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.videoEnd ul li a.thumb {position: relative; display: block;}
.videoEnd ul li img {display: block; width: 100%;}
.videoEndHead {display: flex; align-items: center; height: 55px;}
.vehTabs a {display: block; float: left; margin: 0 30px 0 0; font-size: 14px; color: #fff; line-height: 30px; border-bottom: solid 3px transparent; text-decoration: none;}
.vehTabs a:hover, .vehTabs a.act {text-decoration: none; border-bottom: solid 3px #0080D8;}
.vehSearch {margin-left: auto; display: flex; align-items: center; color: #fff; text-decoration: none; font-size: 14px; line-height: 20px; cursor: text;}
.vehSearch svg {margin: 0 5px 0 0; vertical-align: -2px; cursor: pointer;}
.vidDur, .ratingVal {background: rgba(44,51,64,0.74); border-radius: 0; bottom: 0; left: 0; line-height: 20px; padding: 1px 5px 0; position: absolute; z-index: 1; color: #fff; font-size: 11px;}
.ratingVal {left: auto; right: 0;}
.ratingVal .pIcon {display: inline;}
.ratingVal .pIcon svg {width: 15px; height: 15px; vertical-align: -3px;}
.pBlueBtn {border-radius: 5px; background: #0080D8; color: #fff; font-size: 14px; clear: both; padding: 0 5px 0 10px; line-height: 28px; display: block; margin: 8px auto 0 auto; border: 0; cursor: pointer;}
.pBlueBtn .pIcon {display: inline;}
.pBlueBtn .pIcon svg {width: 15px; height: 15px; vertical-align: -3px;}
.sponsoredAdv {border: solid 1px #000; display: table; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 60px; max-width: 97%; z-index: 1;}
.vidBuffer, .piEditGif, .piEditVideo, .piScreenshot {display: none;}
.vidBuffer svg {animation: rotate 1.4s linear infinite; -webkit-animation: rotate 1.4s linear infinite; -moz-animation: rotate 1.4s linear infinite; margin: 0 0 0 -10px; color: #fff;}
.piSetIcon:hover > svg:first-child {animation: settings 1s linear infinite; -webkit-animation: settings 1s linear infinite; -moz-animation: settings 1s linear infinite;}
@keyframes settings {to {transform: rotate(45deg);}}
@-webkit-keyframes settings {to {-webkit-transform: rotate(45deg);}}
@-moz-keyframes settings {to {transform: rotate(45deg);}}
@keyframes rotate {to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate {to {transform: rotate(360deg);}}
.piExpand:hover svg, .piPlay:hover svg, .piFold:hover svg {animation: pulse20 .3s;}
@keyframes pulse20 {0% {width: 20px; height: 20px; left: 0;} 50% {width: 26px; height: 26px; left: -3px;} 100% {width: 20px; height: 20px; left: 0;}}
@-webkit-keyframes pulse20 {0% {width: 20px; height: 20px; left: 0;} 50% {width: 26px; height: 26px; left: -3px;} 100% {width: 20px; height: 20px; left: 0;}}
@-moz-keyframes pulse20 {0% {width: 20px; height: 20px; left: 0;} 50% {width: 26px; height: 26px; left: -3px;} 100% {width: 20px; height: 20px; left: 0;}}
@media (max-width: 1099px) {
	.videoEnd ul li:nth-child(9), .videoEnd ul li:nth-child(10), .videoEnd ul li:nth-child(11), .videoEnd ul li:nth-child(12) {display: none;}
}
@media (max-width: 599px) {
	.vidPlay {height: 55px; width: 55px; padding: 10px 0 0 7px;}
	.vidPlay svg {width: 35px; height: 35px;}
	.mainVidTitle {margin: 10px 0 0 10px; float: none;}
	.topNavs {clear: left; float: left; padding: 5px 0 0 45px;}
	.mainVidTitle h2 {max-width: 100%;}
	.topNavs .pIcon {font-size: 10px; margin: 0 0 0 10px;}
	.topNavs .pIcon svg {width: 25px; height: 25px;}
	.vehTabs a, .vehTabs a.act, .vehTabs a:hover {margin: 0 7px 0 0; font-size: 12px; border: 0;}
	.qualValues i {font-size: 10px; line-height: 18px;}
	.pVideoNav {padding: 7px 5px 0;}
	.timeline {font-size: 10px;}
	.videoEnd {padding: 0 5px;}
	.playerBtns {padding: 0;}
	.pLogo {width: 60px; height: 30px;}
	.vehSearch {font-size: 12px;}
	.videoBlock {overflow: hidden;}
	.videoEnd ul li:nth-child(5), .videoEnd ul li:nth-child(6), .videoEnd ul li:nth-child(7), .videoEnd ul li:nth-child(8) {display: none;}
}