.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;
}