.ui-slider-item img
{
    background: #e7e7e7 url(/html/image/ui-slider-imgbg.png) center center no-repeat;
}
.ui-slider-item>a
{
    display: block;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
}
.ui-slider-item>p
{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    pointer-events: none;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    background: rgba(0,0,0,.5);
    padding: 6px 0;
    text-indent: 10px;
}
.ui-slider-dots
{
    position: absolute;
    bottom: 6px;
    right: 0;
    padding: 0 6px;
    text-align: right;
}
.ui-slider-dots>b
{
    display: inline-block;
    margin: 0 4px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: rgba(144,144,144,.8);
}
.ui-slider-dots .ui-state-active
{
    background: #fff;
}
.ui-slider-pre, .ui-slider-next
{
    position: absolute;
    z-index: 99;
    width: 50px;
    height: 60px;
    top: 50%;
    left: 0;
    margin-top: -30px;
    outline: none;
}
.ui-slider-next
{
    right: 0;
    left: auto;
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px)
{
    .ui-slider-item>p
    {
        font-size: 16px;
        padding: .5em 0;
        text-indent: .8em;
    }
    .ui-slider-dots
    {
        bottom: .5em;
        padding-right: .5em;
    }
    .ui-slider-dots b
    {
        margin-right: .5em;
        width: .5em;
        height: .5em;
        border-radius: .25em;
    }
}