.hui-tab{
	display: block;
	min-height: 100%;
	padding:0;
}
.hui-tab-list{
	margin:0;
	padding:0;
	list-style-type:none;
	background-color: #333;
	height: 44px;
}
.hui-tab-list li.active{
	border-bottom: #32CD32 solid 3px;
}
.hui-tab-list li{
	display: inline-block;
	color: white;
	padding: 10px;
	border-bottom: #333 solid 3px;
	transition:  0.7s;
	cursor: pointer;
	-moz-transition:  0.7s;	/* Firefox 4 */
	-webkit-transition:  0.7s;	/* Safari 鍜� Chrome */
	-o-transition:  0.7s;	/* Opera */
}
.hui-tab-list li .close{
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background-color: gray;
	color: white;
	display: inline-block;
	padding: 0;
	line-height: 16px;
	text-align: center;
	visibility:hidden;
	opacity:0;
	cursor: pointer;
	transition:  0.3s;
	-moz-transition:  0.3s;	/* Firefox 4 */
	-webkit-transition:  0.3s;	/* Safari 鍜� Chrome */
	-o-transition:  0.3s;	/* Opera */
}
.hui-tab-list li .close:hover{
	background-color: #32CD32;
}
.hui-tab-list li:hover{
	border-bottom: #32CD32 solid 3px;
}
.hui-tab-list li:hover .close{
	visibility: visible;
	opacity:1;
}
.hui-tab .hui-tab-content{
	height: calc(100% - 53px);
}
.hui-tab .hui-tab-content iframe{
	width: 100%;
	height: 100%;
	/*display: block;*/
	border: none;
}
