.zoeDylan .twoLinkage {
    height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.zoeDylan .twoLinkage ul.bg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.zoeDylan .twoLinkage ul.bg li {
    height: 100%;
    width: 100%;
    background-position: top center;
    position: absolute;
    left: -100%;
    top: -100%
}

.zoeDylan .twoLinkage ul.fg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.zoeDylan .twoLinkage ul.fg li {
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 1200px;
    left: -100%;
    top: -100%;
    margin: 0 auto
}

.zoeDylan .twoLinkage ul.fg li>* {
    position: absolute
}

.zoeDylan .twoLinkage>div {
    height: 0;
    width: 0
}

.zoeDylan .twoLinkage>div .btnGroup {
    position: absolute;
    left: 50%;
    bottom: 10px;
    overflow: hidden;
    width: 0;
    height: 20px;
    z-index: 2
}

.zoeDylan .twoLinkage>div .btnGroup>div {
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
    background: url(../images/icon.png);
    background-position: -84px 0;
    border-radius: 50%;
    cursor: pointer
}

.zoeDylan .twoLinkage>div .btnGroup>div:first-child {
    margin-left: 0
}

.zoeDylan .twoLinkage>div .btnGroup>div.sel,
.zoeDylan .twoLinkage>div .btnGroup>div:hover {
    background-position: -84px -20px
}

.zoeDylan .twoLinkage>div .left,
.zoeDylan .twoLinkage>div .right {
    z-index: 2;
    width: 41px;
    height: 100px;
    background: url(../images/icon.png);
    background-position: 0 0;
    position: absolute;
    cursor: pointer;
    top: 50%
}

.zoeDylan .twoLinkage>div .left {
    background-position: -42px 0;
    left: 20px
}

.zoeDylan .twoLinkage>div .right {
    background-position: 0 0;
    right: 20px
}

.zoeDylan .twoLinkage>div .left:hover,
.zoeDylan .twoLinkage>div .right:hover {
    background-position-y: -100px
}