/* 主按钮 */
.fcup-button{
	display: inline-block;
	font-family: 微软雅黑;
	font-size: 24px;
	text-align: center;
	width: 100%;
	color:#fff !important;
	text-decoration: none !important;
	padding: 20px 0px;
	line-height:1;
	overflow: hidden;
	position:relative;
	/* box-shadow: 0 1px 1px #ccc; */
	box-shadow: 1px 1px 1px 1px #fff;
	border-style: solid;
	border-width: 2px 1px;
	/* border: 2px #fff; */
	border-radius: 5px;
	background-color: #a9a9a9;
	/* background-image: -webkit-linear-gradient(top, #1a7dc3, #5aade8); */
	background-image:-moz-linear-gradient(top, #009688, #009688);
	background-image:linear-gradient(top, #009688, #009688);
}


/* 变化进度条 */
.fcup-button .tz-bar{
	background-color: #ef4533;
	height:3px;
	bottom:0;
	left:0;
	width:0;
	position:
	absolute;
	z-index:1;

	border-radius:0 0 2px 2px;
	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	transition: width 0.5s, height 0.5s;
}


.fcup-button.in-fcup,
.fcup-button.finished{
	color:transparent !important;
}

.fcup-button.in-fcup:after,
.fcup-button.finished:after{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	padding-top: inherit;
	color: #fff !important;
	left: 0;
}

.fcup-button.in-fcup:after{
	content:attr(data-loading);
}

.fcup-button.finished:after{
	content:attr(data-finished);
}

.fcup-button .tz-bar.background-horizontal{
	height:100%;
	border-radius:2px;
}

.fcup-button .tz-bar.background-vertical{
	height:0;
	top:0;
	width:100%;
	border-radius:2px;
}