$(function () {
    (function () {
        var $Btn = $("#btn"),
            $p = $Btn.find(".prv"),
            $ul = $Btn.find("ul"),
            $N = $Btn.find(".next");
        $Btn.css("width",$p.outerWidth(true)+$ul.outerWidth(true)+$N.outerWidth(true)+30+"px");
    })();
    (function () {
        var $UlWidth = $(".group .content .video .vc .v-content ul"),
            $Liwisth = $UlWidth.find("li"),
            $Conwidth = $(".group .content .video .vc .v-content"),
            $NexT = $(".group .content .video .vc .next"),
            $PrV = $(".group .content .video .vc .prv");
        $(window).resize(Width);
        Width();
        function Width() {
            if ($(window).width() < 1026) {
                $Liwisth.css("width",$Conwidth.width()+"px");
                $Conwidth.mouseenter(function () {
                    $NexT.stop().fadeIn(300);
                    $PrV.stop().fadeIn(300);
                });
                $Conwidth.mouseleave(function () {
                    $NexT.stop().fadeOut(300);
                    $PrV.stop().fadeOut(300);
                });
            }
        }
        $UlWidth.css("width",$Liwisth.width()*$Liwisth.length + "px");
    })();
    (function () {
        var $Ul = $(".group .content .video .vc .v-content ul"),
            $vLi = $Ul.find("li"),
            $Next = $(".group .content .video .vc .next"),
            $Prv = $(".group .content .video .vc .prv"),
            $Width = $('.group .content .video .vc .v-content').width(),
            i=0;
        $Prv.click(function () {
            i--;
            i=Math.max(i,0)   ;
            changeFun(i);
        });
        $Next.click(function () {
            i++;
            i=Math.min(i,$vLi.length-1);
            changeFun(i);
        });
        function changeFun(index) {
            $Ul.css("margin-left",-$Width*index+"px");
        }
    })();
});