/* CSS Document
   JMHU Video */

/*Ajánlók közti videó START*/
.video {
    height: 300px;
}

.video #index-video {
    height: 300px;
}

.video.video-width-1 {
    width: 240px;
}

.video.video-width-2 {
    width: 480px;
}

.video.video-width-3 {
    width: 720px;
}

.video.video-width-4 {
    width: 960px;
}

.video.video-width-1 #index-video {
    width: 240px;
}

.video.video-width-2 #index-video {
    width: 480px;
}

.video.video-width-3 #index-video {
    width: 720px;
}

.video.video-width-4 #index-video {
    width: 960px;
}
/*Ajánlók közti videó END*/

/*Produkcióoldalba ágyazott videó lejátszója START*/
#videoplayer {
    position: relative;
    width: 620px;
    height: 0px;
    text-align: center;
    overflow: hidden;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    margin-left: -10px;
    background: black;
}

#videoplayer > * {
    padding: 35px 0 35px 0;
}

#videoplayer video {
    width: 560px;
    height: 315px;
}

#videoplayer #closevideo {
    display: none;
    position: absolute;
    padding: 0;
    top: 5px;
    right: 5px;
    cursor: hand;
    cursor: pointer;
}

#videoplayer:hover #closevideo {
    display: block;
}
/*Produkcióoldalba ágyazott videó lejátszója END*/

/*Produkcióoldalon található Videó galéria START*/
#videolink {
    position: relative;
    text-align: center;
    cursor: pointer;
    cursor: pointer;
    margin-bottom: 4px;
}

#videolink #playbutton {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    color: white;
    opacity: 0.65;
    transition: all 0.5s;
    -webkit-transition: all 0.3s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#videolink:hover #playbutton {
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
/*Produkcióoldalon található Videó galéria END*/

/*Ajánlókból indított videó a főoldalon START*/
#video_ajanlo {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    background: black;
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


#video_ajanlo #video {
    width: 853px;
    height: 480px;
}


#video_ajanlo #closevideo {
    display: none;
    position: absolute;
    padding: 0;
    top: 5px;
    right: 5px;
    cursor: hand;
    cursor: pointer;
}

#video_ajanlo:hover #closevideo {
    display: block;
}
/*Ajánlókból indított videó a főoldalon END*/