TDataView_ui/styles/popupHtml.css

.popup_html .popup-lt {
	position: absolute;
	top: 0px;
	left: -20px;
	bottom: 19px;
	width: 20px;
	background: url(../images/popup/bg-pp-2d-lt.png) top left no-repeat;
}

.popup_html .popup-lb {
	position: absolute;
	left: -20px;
	bottom: 0px;
	width: 42px;
	height: 19px;
	background: url(../images/popup/bg-pp-2d-lb.png) top left no-repeat;
}

.popup_html .popup-ct {
	height: 48px;
	background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x !important;
}

.popup_html .popup-cb {
	background: #ffffff !important;
}

.popup_html .popup-rt {
	position: absolute;
	right: -8px;
	top: 0px;
	bottom: 19px;
	width: 8px;
	background: url(../images/popup/bg-pp-2d-rt.png) top left no-repeat;
}

.popup_html .popup-rb {
	position: absolute;
	right: -8px;
	bottom: 0px;
	height: 19px;
	left: 22px;
	background: url(../images/popup/bg-pp-2d-rb.png) top right no-repeat;
}

/*3D*/
/*.popup_html.TD .popup-lt {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 19px;
	width: 20px;
	background: url(../images/popup/bg-pp-3d-lt.png) top left no-repeat;
}

.popup_html.TD .popup-lb {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 42px;
	height: 19px;
	background: url(../images/popup/bg-pp-3d-lb.png) top left no-repeat;
}

.popup_html.TD .popup-ct {
	height: 48px;
	background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x;
}

.popup_html.TD .popup-cb {
	background: #ffffff;
}

.popup_html.TD .popup-rt {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 19px;
	width: 8px;
	background: url(../images/popup/bg-pp-3d-rt.png) top left no-repeat;
}

.popup_html.TD .popup-rb {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 19px;
	left: 16px;
	background: url(../images/popup/bg-pp-3d-rb.png) top right no-repeat;
}

.popup_html .popup-ct p {
	font-size: 16px;
	line-height: 46px;
	color: #ffffff;
	text-indent: 20px;
}*/


/**************************************************************/
.popup_html.TD .popup-lt {
	position: absolute;
	top: 0px;
	left: -20px;
	bottom: 19px;
	width: 20px;
	height: 100%;
	background-position: top left;
}

.popup_html.TD .popup-lb {
	position: absolute;
	left: -20px;
	bottom: -14px;
	width: 42px;
	height: 19px;
	background-position: top left;
}

.popup_html.TD .popup-ct {
	background: rgba(9, 30, 41, 0.8);
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color: #fff
}

.popup_html.TD .popup-cb {
	background: rgba(19, 46, 67, 0.86);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-left: 5px;
}

.popup_html.TD .popup-rt {
	position: absolute;
	right: -8px;
	top: 0px;
	bottom: 19px;
	width: 8px;
	height: 100%;
	background-position: top right;
}

.popup_html.TD .popup-rb {
	position: absolute;
	right: -8px;
	bottom: -14px;
	height: 19px;
	left: 22px;
	background-position: top right;
}

/**************************************************************/

/**
 * marker标记

.popup_html.marker .popup-lt {
	position: absolute;
	top: 0px;
	left: -21px;
	bottom: 9px;
	width: 21px;
	background: url(../images/popup/markerPopup_tl.png) top left no-repeat;
}

.popup_html.marker .popup-lb {
	position: absolute;
	left: -9px;
	bottom: 0px;
	width: 9px;
	height: 9px;
	background: url(../images/popup/markerPopup_lb.png) top left no-repeat;
}

.popup_html.marker .popup-ct {
	height: 2px;
	background: none;
	background-color: #01b7ff;
}

.popup_html.marker .popup-cb {
	background: #ffffff;
	min-height: 60px;
	border-bottom: 2px solid #01b7ff;
}

.popup_html.marker .popup-rt {
	position: absolute;
	right: -9px;
	top: 0px;
	bottom: 9px;
	width: 9px;
	background: url(../images/popup/markerPopup_tr.png) top left no-repeat;
}

.popup_html.marker .popup-rb {
	position: absolute;
	right: -9px;
	bottom: 0px;
	height: 9px;
	left: 9px;
	background: url(../images/popup/markerPopup_br.png) top right no-repeat;
}

/*3D*/
.popup_html.marker.TD .popup-lt {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 19px;
	width: 20px;
	background: url(../images/popup/bg-pp-3d-lt.png) top left no-repeat;
}

.popup_html.marker.TD .popup-lb {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 42px;
	height: 19px;
	background: url(../images/popup/bg-pp-3d-lb.png) top left no-repeat;
}

.popup_html.marker.TD .popup-ct {
	height: 48px;
	background: url(../images/popup/bg-pp-23d-ct.png) top left repeat-x;
}

.popup_html.marker.TD .popup-cb {
	background: #ffffff;
}

.popup_html.marker.TD .popup-rt {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 19px;
	width: 8px;
	background: url(../images/popup/bg-pp-3d-rt.png) top left no-repeat;
}

.popup_html.marker.TD .popup-rb {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 19px;
	left: 16px;
	background: url(../images/popup/bg-pp-3d-rb.png) top right no-repeat;
}

.popup_html.marker .popup-ct p {
	font-size: 16px;
	line-height: 46px;
	color: #ffffff;
	text-indent: 20px;
}