.fluidHeight { position: absolute; width: 100%; height:400px; padding:10px 0 10px 0; background: #f2f2f2; } .sliderContainer { height: 100%; max-height:400px; padding: 0 0; } .iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .iosSlider .slider { width: 100%; height: 100%; } .iosSlider .slider .item { /* PKU width: 1200px; */ width: 100%; max-width:1200px; height: 100%; padding: 0 0 0 0; text-align: center; } .iosSlider .slider .item .inner { position: relative; top: 0; left: 0; width:100%; margin: 0 auto; height: 100%; background-position: 50% 0; background-repeat: no-repeat; } .iosSlider .slider .item .inner img { position: relative; top: 0; left: 0; width: 99%; margin: 0 auto; } .slider_selectIn { position: absolute; bottom: 30px; *bottom: 40px; z-index: 99; } .iosSlider .slider .item .inner .selectorShadow { position: absolute; left: 0; bottom: 0; width: 120px; height: 30px; display: none; } .iosSlider .slider .item .inner .text1{ opacity: 0; filter: alpha(opacity=0); /* PKU background:#9b0000; */ background: none repeat scroll 0 0 #000000; position: absolute; /* PKU left: 150px; */ /* PKU top: 250px; */ bottom: 12%; padding: 0 12px 0 12px; height:50px; text-align: left; } .iosSlider .slider .item .inner .text1 span { color: #fff; font-size:24px; font-weight: 700; line-height:50px; padding: 0 8px; font-family:"Microsoft Yahei"; } .iosSlider .slider .item .inner .text1 span i { margin: 0 0 0 5px; } .iosSlider .slider .item .inner .text2 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); padding: 10px 12px 10px; position: absolute; left: 100px; /* PKU top: 301px; */ top: 451px; text-align: left; } .iosSlider .slider .item .inner .text2 span { display: block; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; font-weight: 100; padding: 0 8px; font-family:"Microsoft Yahei" } .iosSlider .slider .item .inner .more{ /* opacity: 0.3; zb */ opacity: 0.4; background: none repeat scroll 0 0 #fff; position: absolute; bottom: 6%; right:0; /* padding: 0 5px; zb */ padding: 0 5px 0 2px; height:25px; width:55px; z-index:2; text-align: center; } .iosSlider .slider .item .inner .more a { color: #000; text-decoration:none; font-size:14px; line-height:25px; font-family:"微软雅黑" } .sliderContainer .slideSelectors { bottom:20px; /* PKU left: 0; width: 137px; */ width: 115px; margin: 0 auto; z-index: 1; height: 11px; } .sliderContainer .slideSelectors .prev { float: left; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0px -570px; background: url(../images/arrowleft.png) no-repeat 50% 0; z-index: 99; } .sliderContainer .slideSelectors .next { width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; margin: -25px -570px 0 0px; background: url(../images/arrowright.png) no-repeat 50% 0; z-index: 99; } .sliderContainer .slideSelectors .item { float: left; width: 12px; height: 12px; background: #ffffff; margin: 0px 9px 0px 9px; /* opacity: 0.25; */ filter: alpha(opacity=25); border-radius: 10px; } .sliderContainer .slideSelectors .item.first { margin-left: 1px; } .sliderContainer .slideSelectors .selected { width: 12px; height: 12px; margin: 0 9px 0 9px; background: #bb0000; opacity: 1; filter: alpha(opacity=100); box-shadow: none; } .sliderContainer .slideSelectors .selected.first { margin-left: 0; } .sliderContainer .scrollbarContainer { position: relative; bottom: 4px; left: 0; height: 4px; margin: 0 auto; z-index: 1; }