.DynPreviewWraper { border: 1px solid #a0acb8; background: #fff; z-index: 10; position: absolute; overflow: hidden; }
.DynPreviewWraper iframe { display: none; border: 0; display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px; }
#DynPreviewContainer { width: 100%; text-align: center; position: absolute; top: 40%; }
.DynPreviewTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 7px 4px 7px; margin: 0; color: #1b1b1b; background: #fff; font-size: 11px; font-weight: normal; }
.DynPreviewTitle span.sku { color: #a5a5a5; font-weight: normal; font-size: 9px; }
.DynPreviewTitle span.pr { color: #ff8c00; font-weight: bold; font-size: 12px; }
.DynPreviewTitle strong.ti { color: #333; font-weight: bold; font-size: 12px; }
.DynPreviewTitle p { margin: 0; color: #2e2e2e; font-weight: normal; font-size: 10px; }
.DynPreviewTitle p.tit { margin: 2px 0 0 0; padding: 6px; background: #eff1f4; }
.DynPreviewTitle ul, .DynPreviewTitle li { margin: 0 0 0 10px; padding: 0; }
.DynPreviewTempLoad { padding: 2px 7px 5px 7px; margin: 0 auto; }
.DynPreviewLoaderBg { width: 113px; background: #f2f3f5; font-size: 1px; position: relative; top: 8px; left: 8px; height: 13px; }
.DynPreviewLoader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 10px 0 16px 0; margin: 0 auto; width: 135px; border: 1px solid #d7dce1; display: block; color: #333; background: #fff; text-align: left; z-index: 255; }
#DynProgress { width: 1px; background: #dde0e5; font-size: 1px; height: 12px; position: relative; top: 1px; left: 10px; }
#DynPreviewPlace { display: none; position: absolute; z-index: 110; }