//页面尾部 分享、关注按钮效果及弹窗
function cardbox(boxid,triggerclass,cardclass,top,left){
	if(top==null){top=0};
	if(left==null){left=0};
	var $footerbott =  $(boxid);
	$footerbott.find(triggerclass).hover(function(){
		var _this = this;
		var offseleft = $(_this).offset().left;
		var offsetop= $(_this).offset().top;
		$(this).parent().addclass("cur");
		$footerbott.find(cardclass).show().css({
			"position":"absolute",
			"left":offseleft-top,
			"top":offsetop-left,
			"z-index":101
		});
		$footerbott.find(cardclass).hover(function(){
			$(this).show();
			$footerbott.find(triggerclass).parent().addclass("cur");
		},function(){
			$(this).hide();
			$footerbott.find(triggerclass).parent().removeclass("cur");
		});
	},function(){
		$footerbott.find(cardclass).hide();
		$(this).parent().removeclass("cur");
	})
};
cardbox("#footerbott",".cardshare",".f-share",140,161);
cardbox("#footerbott",".cardattention",".f-attention",71,127);