@charset "utf-8";

/* ============================================
   旋转木马轮播 - 主样式表
   基于 Roundabout 插件的 3D 透视轮播
   ============================================ */

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

body {
    padding: 0;
    overflow-x: hidden;

}

/* 链接样式重置 */
a {
    color: #a58351;
    text-decoration: none;
}
a:hover {
    text-decoration: inherit;
}

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

/* 图片样式重置 */
img {
    border: none;
    vertical-align: middle;
}

/* --- 轮播主容器 --- */
#carousel {
    width: 1200px;
    position: relative;
    min-width: 1480px;
    margin: 0 auto;
    z-index: 100;
}

/* --- 内容居中区域 --- */
#carousel .center {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* --- 图片列表 - roundabout 核心容器 --- */
#carousel .photoshow {
    width: 1200px;
    height: 700px;
    margin: 0 auto;
}

/* 每张图片项 */
#carousel .photoshow li {
    width: 1200px;
    height: 700px;
    text-align: center;
    cursor: pointer;
}

/* 图片自适应 */
#carousel .photoshow li img {
    max-width: 100%;
}

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

/* --- 左右切换箭头 --- */
#carousel .move_lefts,
#carousel .move_rights {
    float: left;
    width: 43px;
    height: 370px;
    position: absolute;
    top: 0;
    z-index: 1500;
}

/* 箭头图标容器 - 垂直居中 */
#carousel .move_lefts span,
#carousel .move_rights span {
    width: 80px;
    height: 82px;
    position: absolute;
    top: 50%;
    margin-top: 188px; /* 垂直居中偏移 */
    background-repeat: no-repeat;
}

/* 上一张按钮（左箭头） */
#carousel .move_lefts {
    left: -150px;
}
#carousel .move_lefts span {
    background: url("../images/next.png") left top no-repeat;
}

/* 下一张按钮（右箭头） */
#carousel .move_rights {
    right: -130px;
}
#carousel .move_rights span {
    background: url("../images/prev.png") left top no-repeat;
}

/* --- 底部圆点指示器 --- */
#carousel .photoshow_select {
    text-align: center;
    margin-top: 20px;
}

/* 每个圆点 */
#carousel .photoshow_select a {
    margin: 0 2px;
    width: 20px;
    height: 20px;
    background: url("../images/a_4.png") left top no-repeat;
    cursor: pointer;
    display: inline-block;
}

/* 当前选中的圆点 */
#carousel .photoshow_select a.change {
    background-position: right top;
}