@charset "utf-8";

/* ============================================
   主样式表 —— css.css
   仅保留页面实际使用的样式
   ============================================ */

/* ---------- 全局重置 ---------- */
* {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden; /* 防止出现水平滚动条 */
}

/* ---------- 列表重置 ---------- */
ul, ol {
    list-style-type: none;
}

/* ============================================
   图片旋转展示区域
   类名：.zbShow
   ============================================ */

/* 外层容器 —— 固定宽度 1920px，居中显示，背景图 */
.zbShow {
    width: 1920px;
    height: 948px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/bj_04.jpg") no-repeat center;
    background-position: 0px 0px;
    background-image: url("../images/bj_04.jpg");
}

/* ============================================
   Roundabout 轮播组件
   ID：#photoshow
   ============================================ */

/* 轮播容器 —— 相对定位，居中，顶部留白 */
#photoshow {
    position: relative;
    margin: 0 auto;
    *margin-top: 233px; /* IE6/7 兼容 */
    margin-top: 291px;
}

/* 居中包裹层（预留扩展用） */
#photoshow .center {
}

/* 圆点指示器容器 —— 水平居中，默认隐藏 */
#photoshow .dot {
    width: 207px;
    height: 21px;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -103px;
    display: none;
}

/* 上一张 / 下一张 按钮通用样式 */
#photoshow .btn_next,
#photoshow .btn_prev {
    width: 63px;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 500;
}

/* "上一张" 按钮 —— 左侧 */
#photoshow .btn_prev {
    left: 50%;
    margin-left: -553px;
}

/* "上一张" 按钮图标 */
#photoshow .btn_prev span {
    width: 126px;
    height: 126px;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    background: url("../images/wm_button_icon.png") no-repeat left top;
    background-repeat: no-repeat;
}

/* "上一张" 按钮默认状态 */
#photoshow .btn_prev span {
    background-position: left top;
}

/* "上一张" 按钮悬停状态 */
#photoshow .btn_prev:hover span {
    background-position: left bottom;
}

/* "下一张" 按钮 —— 右侧 */
#photoshow .btn_next {
    right: 50%;
    margin-right: -501px;
}

/* "下一张" 按钮图标 */
#photoshow .btn_next span {
    width: 126px;
    height: 126px;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    background: url("../images/2wm_button_icon.png") no-repeat left top;
    background-repeat: no-repeat;
}

/* "下一张" 按钮默认状态 */
#photoshow .btn_next span {
    background-position: right top;
}

/* "下一张" 按钮悬停状态 */
#photoshow .btn_next:hover span {
    background-position: right bottom;
}

/* ============================================
   图片列表样式
   类名：.photolist
   ============================================ */

/* 图片列表容器 —— 固定宽高，居中 */
.photolist {
    width: 1221px;
    height: 416px;
    margin: 0 auto;
}

/* 每张图片项 —— 固定尺寸，黑色背景，隐藏溢出 */
.photolist li {
    width: 410px;
    height: 546px;
    text-align: center;
    overflow: hidden;
    background-color: #000;
    cursor: pointer;
}

/* 图片填满容器 */
.photolist li img {
    width: 100%;
    height: 100%;
    display: block;
}

/* 当前聚焦的图片 —— 恢复默认光标 */
.photolist li.roundabout-in-focus {
    cursor: default;
}