/*
x20180531 - johns2ja - 31 May 2018 - tweaks for close button at mobile
x20180227 - johns2ja - 27 February 2018 - black background for fancybox and 16:9 aspect ratio per budnikrp
x20170206 - johns2ja - 6 February 2017 - tweak for popup button
*/
/* Top part is from http://jsfiddle.net/twfJh/2/ with modifications by @jamesarthurjohn */
.itemsContainer {
    /*background:red; 
    float:left;*/
    position:relative;
    text-align:center;
}
/*.itemsContainer:hover .play{display:block}*/
.play{
  position : absolute;
    display:block; /*display:none;*/
    top: 40%;
    width:70px;
    margin:0 auto; left:0px;
    right:0px;
    z-index:100;
    text-align:center;
    
} 

/* Below strictly by @jamesarthurjohn */

#fancybox-buttons.top { top: 50px; }
.itemsContainer a { display: inline-block; }
#fancybox-buttons a.btnPrev, #fancybox-buttons a.btnPlayOn, #fancybox-buttons a.btnPlayOn, #fancybox-buttons a.btnNext, #fancybox-buttons a.btnToggle, #fancybox-buttons a.btnPlay { visibility: hidden; }
#fancybox-buttons { display:none; }/* x20170206 */
.news-list .play img { padding: 0 !important; } /* x20170206 */
.fancybox-opened .fancybox-skin { background: black; }/* x20180227 */

/* start x20180227 for 16:9 ratio */
.fancybox-type-iframe .fancybox-inner{
    padding-top: 56.2%; /* (9/16 * 100%) your aspect ratio in percents */
    height: 0 !important;
}

.fancybox-type-iframe .fancybox-inner .fancybox-iframe{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
}
/* end x20180227 for 16:9 ratio */

@media all and (max-width:480px){
    /* removed per x20180531
    .fancybox-inner { background: url(fancybox_overlay.png); }
    .fancybox-wrap iframe { margin: 0 auto; }
    .fancybox-skin { background: url(fancybox_overlay.png); }
    .fancybox-opened .fancybox-skin { background: black; }/* x20180227 */
    /* removed per x20180531
    #fancybox-buttons { display:block; } /*x20170206 */
    /* removed per x20180531
    #fancybox-buttons ul { border: transparent; background: url(fancybox_overlay.png); }
    #fancybox-buttons .btnClose { /*border: 3px solid white; border-radius: 50%; removed per x20170206 */
        /* removed per x20180531
        background-position: -60px 0px !important; 
        position: absolute; 
        right: 10px; 
        width: 30px; 
    }/* 30px width and -60 instead of -57 for bg position per x20170206 */
    /*#fancybox-buttons a.btnClose { border-left: 3px solid white; } removed per x20170206*/
    /* removed per x20180531
    .fancybox-close { display: none; }
    .fancybox-opened .fancybox-skin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    */
    .fancybox-wrap { max-width: 86%; }/* x20180531 */
}