.jssor-sliderContainer { position: relative; margin: 0 auto; top: 0px; left: 0px; /*width: 800px; height: 456px;*/ overflow: hidden; visibility: hidden; background-color: #24262e; display: none; } .jssor-sliderContainer img { vertical-align: middle; /*max-width: 100% !important; max-height: 100% !important;*/ } .jssor-sliders { cursor: default; position: relative; top: 0px; left: 0px; /*width: 800px; height: 356px;*/ overflow: hidden; } .jssor-thumbnavigator { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100px; } .jssor-arrowleft { top: 45%; left: 8px; width: 40px; height: 40px; } .jssor-caption { background: #f5f5f5; position: absolute; bottom: 0px; color: white; width: 100%; background: #999; opacity: 0.9; filter: alpha(opacity=90); } .jssor-arrowright { top: 45%; right: 8px; width: 40px; height: 40px; } /* jssor slider arrow navigator skin 05 css */ /* .jssora05l (normal) .jssora05r (normal) .jssora05l:hover (normal mouseover) .jssora05r:hover (normal mouseover) .jssora05l.jssora05ldn (mousedown) .jssora05r.jssora05rdn (mousedown) */ .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url("/nami/Content/jquery-hdhdp/img/a17.png") no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } /* jssor slider thumbnail navigator skin 01 css */ /* .jssort01 .p (normal) .jssort01 .p:hover (normal mouseover) .jssort01 .p.pav (active) .jssort01 .p.pdn (mousedown) */ .jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px; } .jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #000 2px solid; box-sizing: content-box; background: url("/nami/Content/jquery-hdhdp/img/t01.png") -800px -800px no-repeat; _background: none; } .jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%; } .jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%; } .jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid; } * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px; } /* jssor slider thumbnail navigator skin 09 css */ .jssor-caclp-thumbnavigator { position: absolute; bottom: 0; left: 0; width: 1000px; height: 45px; } .jssor-caclp-thumbnavigator > div, .jssor-caclp-thumbnavigator > div > div { left: 0 !important; top: 0 !important; /*width: 100% !important; height: 100% !important;*/ } .jssor-caclp-thumbnavigator .p.pav { position: absolute; top: 0; left: 0; display: block; width: 100% !important; height: 100% !important; } .jssor-caclp-thumbnavigator .p { position: absolute; top: 0; left: 0; display: none; } .jssor-caclp-thumbnavigator .t { font-family: verdana; font-weight: normal; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; line-height: 45px; font-size: 20px; padding-left: 10px; } /* jssor slider bullet navigator skin 01 css */ /* .jssorb01 div (normal) .jssorb01 div:hover (normal mouseover) .jssorb01 .av (active) .jssorb01 .av:hover (active mouseover) .jssorb01 .dn (mousedown) */ .jssor-bulletnavigator { position: absolute; } .jssor-bulletnavigator div, .jssor-bulletnavigator div:hover, .jssor-bulletnavigator .av { position: absolute; /* size of bullet elment */ width: 12px; height: 12px; filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid; } .jssor-bulletnavigator div { background-color: gray; } .jssor-bulletnavigator div:hover, .jssor-bulletnavigator .av:hover { background-color: #d3d3d3; } .jssor-bulletnavigator .av { background-color: #fff; } .IndexlbContainer .jssor-bulletnavigator .dn, .jssor-bulletnavigator .dn:hover { background-color: #555555; } /* 首页轮播 */ .IndexlbContainer { width: 100%; overflow: hidden; } .IndexlbContainer .jssor-sliderContainer { width: 1000px; height: 560px; background-color: white; } .IndexlbContainer .jssor-sliders { width: 1000px; height: 560px; } .IndexlbContainer .jssor-caption { font-size: 18px; padding: 10px; } .IndexlbContainer .jssor-thumbnavigator { height: 60px; } /*.IndexlbContainer .jssort01 .p { position: absolute; top: 0; left: 0; width: 50px; height: 7px; border: 0; } .IndexlbContainer .jssort01 .p img { display: none; } .IndexlbContainer .jssort01 .pdn .c { border: 0 red solid; } .IndexlbContainer .jssort01 .p .pav > .c { background: red; _border: red 2px solid; }*/ .IndexlbContainer .jssort01 .p:hover .c { background: red; border: 0; } .IndexlbContainer .jssort01 .c { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: content-box; _background: none; border: 0; background: #999; } .IndexlbContainer .jssort01 .pav .c { top: 0px; _top: 0px; left: 2px; _left: 0px; width: 100%; height: 100%; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%; background: red; _border: red 2px solid; } .IndexlbContainer .jssora05l { background: url("/nami/Content/jquery-hdhdp/img/index-left-arrow.png") no-repeat; height: 70px; left: 30px; } .IndexlbContainer .jssora05r { background: url("/nami/Content/jquery-hdhdp/img/index-right-arrow.png") no-repeat; height: 70px; right: 30px; } /* 轮播 */ .lbContainer { width: 100%; overflow: hidden; } .lbContainer .jssor-sliderContainer { width: 900px; height: 390px; background-color: white; } .lbContainer .jssor-sliders { width: 900px; height: 390px; } .lbContainer .jssor-caption { font-size: 18px; padding: 10px; } .lbContainer .jssora05l { background: url("/nami/Content/jquery-hdhdp/img/left-arrow.png") no-repeat; height: 33px; } .lbContainer .jssora05r { background: url("/nami/Content/jquery-hdhdp/img/right-arrow.png") no-repeat; height: 33px; } /* 轮播 */ /* 组图 */ .ztContainer { width: 100%; margin: 0 auto; margin-bottom: 5px; } .ztContainer .jssor-sliderContainer { width: 840px; height: 660px; } .ztContainer .jssor-sliders { width: 840px; height: 560px; } .ztContainer .jssor-caption { font-size: 14px; line-height: 32px; padding: 0px 0px 0px 3px; } /* 组图 */