/*首页焦点图*/ .wrap { width:1003px; position:relative; margin:0px auto; } .wrap1200 { width:1200px; position:relative; margin:0px auto; } .main { min-width:1003px; margin:0px auto; overflow:hidden; position:relative; } #banner { display:block; width:100%; height:500px; position:relative; } .piclink_box { width:1920px; height:500px; background:#000000; position:relative; margin-left:-450px; top:0; z-index:10; } .piclink_pic { position:relative; } .piclink_pic a { position:absolute; left:0px; top:0px; width:100%; display:none; } .piclink_pic a img { width:100%; } .piclink_focus { position:absolute; z-index:2; text-align:right; width:100%; bottom:0px; left:0px; height:105px; background:url(fade.png); text-align:center; } .piclink_focus a { display:inline-block; width:130px; height:80px; margin-top:12px; margin:9px 3px 3px 3px; } .piclink_focus a img { width:130px; height:80px; } .piclink_focus a:hover,.piclink_focus a.active { width:130px; height:80px; border:3px solid white; margin:9px 0px 0px 0px; } .piclink_btn { position:absolute; z-index:10; width:100%; } .piclink_btn a { display:inline-block; width:47px; height:87px; background:blue url(zh_ban_jt.png) 0px 0px no-repeat; position:absolute; z-index:2; } .piclink_btn .piclink_prev_btn { display:inline-block; width:47px; height:87px; background:url(zh_ban_jt.png) 0px 0px no-repeat; position:absolute; z-index:2; left:1%; top:-420px; } .piclink_btn .piclink_next_btn { display:inline-block; width:47px; height:87px; background:url(zh_ban_jt.png) -90px 0px no-repeat; position:absolute; z-index:2; right:1%; top:-420px; } .piclink_btn a:hover { opacity:0.7; filter:alpha(opacity=70); }
全屏切换焦点图,简单实用