@charset "gb2312";

/* CSS Document */

body{background:url(images/background.jpg) top center no-repeat; background-size:cover;}
#top{ width:100%; height:30px; background:#CCC; margin-bottom:10px; border-bottom:5px #69F solid}
.top{ width:910px; margin:auto; font-size:12px;}
.tops{ width:910px; height:300px; margin:auto;border:1px #CCCCCC solid; margin-bottom:10px;}
.main{ width:910px; margin:auto;overflow:hidden;}
.title{ width:100%; height:30px; background:#ccc; border-bottom:5px #69F solid�?font-size:12px; line-height:30px;text-indent:1em;}
.title img{ width:20px;heigh font:left; margin-right:10px;}
.main ul{ margin:0; padding:0; float:left; margin-left:17px;}
.magatext,.icopic{position:absolute;}
.main ul li{ width:165px; height:229px; float:left; list-style:none; margin-right:10px; border:1px #CCCCCC solid; margin-top:17px;}
.main ul li a{ color:#fff; text-decoration:none;}
.main ul li p{ margin:0; width:157px; margin-left:4px; height:25px; text-align:center;font-size:12px; line-height:25px; background:#000;position: absolute;bottom:0px; left:0px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5;}
.main ul li img{ width:155px; height:219px; margin:3px auto auto 4px; border:1px #CCCCCC solid;}
.icopic{z-index:3;color:#000;top:3px; right:0; display:none;width:76px; height:76px; background:url(ico_look.png);}
.main ul li:hover{ border:1px #69F solid;}
.main ul li:hover .icopic{ display:block;}
.nomaga{ width:100%; margin:auto; height:150px; text-align:center; line-height:150px; font-size:12px;}
.page{ width:100%; font-size:12px; height:30px; line-height:30px; background:#ccc; margin-top:20px;}
.page em{display:block; float:left; height:30px;text-align:center; padding-left:10px; padding-right:10px; font-style:normal;}
.page em a{color:#000; text-decoration:none;}
.page em:hover{background:#999;}
#foot{ width:100%; height:90px; border-top:5px #69F solid; margin-top:10px; background:#CCC;}
.foot{ width:910px; margin:auto;}
.foot_z{ margin-top:20px; float:left; width:263px; border-right: #666 1px solid;}
.foot_y{ float:right; width:627px; margin-top:20px;}
.foot_y p{ font-size:12px;}

/*版面浏览风格*/

.viewer { width: 100%; height:100%;float:left;position: relative;}
.viewer img{ border:#fff 5px solid;}
.wrapper { overflow: hidden; height:100%;}
.last,.next {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; cursor:alias;}
.last{ width:69px; height:100px; background:url(../images/last.png); position:fixed; top:40%; left:30px;}
.last:hover{background:url(../images/last_2.png);}
.next{ width:69px; height:100px; background:url(../images/next.png); position:fixed; top:40%; right:30px;}
.next:hover{background:url(../images/next_2.png);}
.banner{ width:100%; height:40px; background:#333; position:fixed; bottom:0px; background:url(../images/bg_banners.png); border-top:#999 2px solid;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8; opacity:0.8;}
.banner p{ font-size:12px; line-height:40px; margin:auto; margin-left:30px; float:left; padding:0;}
.banner ul{ margin:0; padding:0;margin-left:20px;  float:left;}
.banner ul li{ float:left;list-style:none; width:100px; text-align:center; height:40px; line-height:40px; border-left:#CCC 1px solid;border-right:#666 1px solid; }
.banner ul li:hover{ background:#999;}
.banner ul li a{ color:#000; font-size:12px; font-weight:bold; display:block; width:100px; height:40px;text-decoration:none;}

.loding {width:150px;height:30px;font-size:12px;line-height:30px; position:fixed;top:48%;left:48%;z-index:-1;}
.loding img{border:0;}

/*jquery.iviewer风格*/

.viewer {-ms-touch-action: none;}
.iviewer_common {position:absolute;bottom:50px;border: 1px  solid #000;height: 28px; z-index: 1000;}
.iviewer_cursor {cursor: url(../images/hand.cur) 6 8, pointer;}
.iviewer_drag_cursor { cursor: url(../images/grab.cur) 6 8, pointer;}

.iviewer_button {width: 28px;cursor: pointer; background-position: center center;background-repeat: no-repeat;}
.iviewer_zoom_in { left: 20px;background: url(../images/iviewer.zoom_in.gif);}
.iviewer_zoom_out {left: 55px;background: url(../images/iviewer.zoom_out.gif);}
.iviewer_zoom_zero {left: 90px;background: url(../images/iviewer.zoom_zero.gif);}
.iviewer_zoom_fit {left: 125px;background: url(../images/iviewer.zoom_fit.gif);}
.iviewer_zoom_status {left: 160px; font: 1em/28px Sans;color: #000; background-color: #fff;text-align: center; width: 60px;}
.iviewer_rotate_left {left: 227px;background: #fff url(../images/iviewer.rotate_left.png) center center no-repeat;}
.iviewer_rotate_right { left: 262px;background: #fff url(../images/iviewer.rotate_right.png) center center no-repeat;}

.clear{clear:both;}