【Meta slider】横幅いっぱいで前後の半透明画像を少し表示させる【WordPressプラグイン】

/* MetaSlider on FlexSlider */

.metaslider .flex-viewport { overflow: visible !important; }
.flexslider .slides img{ padding:0 0 !important; }
.metaslider ul li { opacity: 0.5; } /* activeでない画像の半透過 */
.metaslider ul li.flex-active-slide { opacity: 1; }
html { overflow-x:hidden; }

@media screen and (max-width:1199px) {
    .metaslider .flex-viewport { overflow-x:hidden !important; } /* PC以下の端末でのはみ出し修正 */
}

 var metaslider_xxxxxx = function($) {
            $('#metaslider_xxxxxx').addClass('flexslider'); 
            $('#metaslider_xxxxxx').flexslider({ 
                slideshowSpeed:3000,
                animation:"slide",
                controlNav:true,
                directionNav:true,
                pauseOnHover:false,
                direction:"horizontal",
                reverse:false,
                animationSpeed:1000,
                prevText:"Prev",
                nextText:"Next",
                easing:"swing",
                slideshow:true
            });
        };
        var timer_metaslider_xxxxxx = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_xxxxxx, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_xxxxxx, 1) : metaslider_xxxxxx(window.jQuery);
        };
        timer_metaslider_xxxxxx();