$('#showImgBox').mousemove(function(event){
            var $X = event.clientX;//获取鼠标与浏览器X轴的坐标
            var $Y = event.clientY;//获取鼠标与浏览器Y轴的坐标
            var $T = $('.PImgBox').offset().top;//获取#con_box距离顶部的距离
            var $L = $('.PImgBox').offset().left;//获取#con_box距离左面的距离
            var $W = $('#showImgBox b').width()/2;//获取move_div的宽度一半
            var $H = $('#showImgBox b').height()/2;//获取move_div的高度一半
            var $w = $('#showImgBox').width();//获取small的宽度
            var $h = $('#showImgBox').height();//获取small的高度
            $('#showImgBox b').css({'left':$X-$L-$W,'top':$Y-$T-$H});   //$X-$L-$W为move_div移动的宽度 $Y-$T-$H为move_div移动的高度
            if($X-$L-$W<0){
                $('#showImgBox b').css({'left':0});
            }
            if($X+$W>$w+$L){
                $('#showImgBox b').css({'left':($w-$W*2)});
            }
            if($Y-$H<0+$T){
                $('#showImgBox b').css({'top':0});
            }
            if($Y+$H>$h+$T){
                $('#showImgBox b').css({'top':($h-$H*2)});
            }
            var $bW = $('#showDetails').width();
            var $bH = $('#showDetails').height();
            var _w =  $w-$W*2;//move_div移动最大宽度
            var _h =  $h-$H*2;//move_div移动最大高度
            var _bw = ($X-$L-$W)/_w;//获取滑动宽度的比例
            var _bh = ($Y-$T-$H)/_h;//获取滑动高度的比例
            $('#showDetails img').css({'left':-($('#showDetails img').width() - $bW)*_bw,'top':-($('#showDetails img').height() - $bH)*_bh})
    });