.tbox {
	position: absolute;
	display: none;
	padding: 14px 17px;
	z-index: 9000000000;
}

.tinner {
	padding: 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: white url(//d2t7a3zbo166a9.cloudfront.net/images/capsule/preload.gif)
		no-repeat 50% 50%;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	box-sizing: content-box;
}

.tmask {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 8000000000;
}

.tclose {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(//d2t7a3zbo166a9.cloudfront.net/images/capsule/close.png) no-repeat
}

.tcontent {
	height:100%;
	overflow:hidden;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.tclose {
		position: absolute;
		top: 0px;
		right: 40px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url(//d2t7a3zbo166a9.cloudfront.net/images/capsule/close.png) no-repeat
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.tclose {
		position: absolute;
		top: 0px;
		right: 40px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url(//d2t7a3zbo166a9.cloudfront.net/images/capsule/close.png) no-repeat
	}
}

@media not screen and device-width: 768px {
	.tclose {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url(//d2t7a3zbo166a9.cloudfront.net/images/capsule/close.png) no-repeat
	}
}

.tclose:hover {
	background-position: 0 -30px
}