/*fabs-mod*/

.fabs-mod{
	position:fixed;
	top:20%;
	right:0;
	z-index:2000;
	width:48px;
	}

.fabs-mbody{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	}

.fabs-item{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	width:48px;
	height:48px;
	transition:width 0.15s ease-in-out;
	}

.fabs-item .item-ic{
	width:32px;
	height:32px;
	vertical-align:middle;
	}

.fabs-item:hover{width:64px;}

.fabs-mfoot{margin-top:10px;}

.fabs-close{
	display:block;
	cursor:pointer;
	width:32px;
	height:32px;
	background:rgba(0, 0, 0, 0.3) url(../images/fabs-close.png) no-repeat 50% 50%/ 16px 16px;
	margin-left:auto;
	margin-right:auto;
	}

@media (max-width:640px){
	.fabs-mod{top:30%; width:36px;}
	.fabs-item{width:36px; height:36px;}
	.fabs-item .item-ic{width:24px; height:24px;}
	.fabs-item:hover{width:48px;}
	.fabs-close{width:28px; height:28px;}
	}