.video-close.video-close-bcove {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: .9;
    display: block;
    pointer-events: auto;
}

.video-close.video-close-bcove:before {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: var(--dark-charcoal);
    transform: rotate(45deg)
}

.video-close.video-close-bcove:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: var(--dark-charcoal);
    transform: rotate(-45deg)
}

.video-wrapper {
    position: relative
}
.video-wrapper .video--inner-wrapper .play-icon {
height:80px;
width:80px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.video-wrapper .video--inner-wrapper .play-icon:focus {
z-index:3;

}
.video-wrapper .video--inner-wrapper .video-play a:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3!important;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background-image: url(/~/media/Images/W/WH-Smith/wh-icons/icon-video);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    background-size: 80px;
    content: ""
}

.video-wrapper .video--inner-wrapper .video-content-wrapper {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    padding: 14px 20px;
    width: 100%
}

.video-wrapper .video--inner-wrapper .video-content-wrapper .h6 {
    margin-bottom: 4px
}

.video-wrapper .video--inner-wrapper {
    position: relative
}

.video-wrapper .video--inner-wrapper .video-poster {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height:100%;
}
.video-wrapper .video--inner-wrapper .video-poster img{height:100%}
.video-wrapper .video--inner-wrapper .video-content-wrapper:before {
    transition: all .5s cubic-bezier(.215,.61,.355,1);
    background: var(--white-color);
    content: "";
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    z-index: -1
}

.video-wrapper .video--inner-wrapper:hover .video-content-wrapper:before,.video-wrapper .video--inner-wrapper:focus .video-content-wrapper:before {
    opacity: 1;
    height: 100%
}

.video-wrapper .video--inner-wrapper .video-content-wrapper .h6 {
    color: var(--white-color)
}

.video-wrapper .video--inner-wrapper:hover .video-content-wrapper .h6,.video-wrapper .video--inner-wrapper:focus .video-content-wrapper .h6 {
    color: var(--dark-blue)
}

.video-wrapper .video-play a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    box-shadow: inset 0 -300px 100px 0 rgba(0,0,0,.3);
    top: 0
}

.video-wrapper:hover .inv_playerContainer .inv_videoStillArea:after {
    display: none
}

.video-wrapper:hover .video-play a:after {
    display: none
}

.video-wrapper .inv_videoPause+.video-close.video-close-bcove,.video-wrapper .inv_playerContainer+.video-close.video-close-bcove {
    z-index: -1
}

.video-wrapper .inv_videoPlaying {
    z-index: 3
}

.video-wrapper .inv_videoPlaying+.video-close.video-close-bcove {
    z-index: 4
}
.inv_shareControls{display:none !important;}
@media only screen and (max-width: 991px){
  .video-wrapper .inv_playerContainer{min-height: auto !important;}
  .video-wrapper .video--inner-wrapper .video-content-wrapper{position: relative;}
  .video-wrapper .video--inner-wrapper .video-content-wrapper .h6{color: var(--dark-blue);}
  .video-wrapper .video--inner-wrapper:hover .video-content-wrapper .h6{font-weight: 500;}
  .video-wrapper .video-play a.video-ovelay-full:after{display:none;}
}