.allinone_carousel
{
    position: relative;
}
.allinone_carousel img
{
    max-width: none;
    max-height: none;
}
.allinone_carousel_list
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}
.allinone_carousel .contentHolder
{
    position: relative;
    overflow: hidden;
}
.mycanvas
{
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1000;
}
.myloader
{
    background: url(/skin/css/skins/loader.gif);
    width: 37px;
    height: 37px;
    position: absolute;
    left: 49%;
    top: 49%;
    z-index: 999;
}
.allinone_carousel.charming .contentHolderUnit
{
    position: absolute;
    width: 452px;
    height: 302px;
    overflow: hidden;
    cursor: pointer;
    background: url(/skin/css/skins/charming/empty.gif) repeat;
}
.allinone_carousel.charming .elementTitle
{
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    text-align: center;
    font: bold 22px/30px 'Mirosoft yahei',宋体;
    color: #fff;
    text-transform: capitalize;
}
.allinone_carousel.charming .playOver
{
    position: absolute;
    width: 73px;
    height: 73px;
    background: url(/skin/css/skins/charming/play_overOFF.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.allinone_carousel.charming .playOver:hover
{
    background: url(/skin/css/skins/charming/play_overON.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.allinone_carousel.charming .bannerControls
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
}
.allinone_carousel.charming .leftNav
{
    position: absolute;
    left: 5px;
    width: 47px;
    height: 47px;
    background: url(/skin/css/skins/charming/leftNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.charming .leftNav:hover
{
    background: url(/skin/css/skins/charming/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .rightNav
{
    position: absolute;
    right: 5px;
    width: 47px;
    height: 47px;
    background: url(/skin/css/skins/charming/rightNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.charming .rightNav:hover
{
    background: url(/skin/css/skins/charming/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .bottomNav
{
    position: absolute;
    height: 35px;
    width: 0;
    padding-left: 9px;
    z-index: 140;
}
.allinone_carousel.charming .bottomNavButtonOFF
{
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    background: url(/skin/css/skins/charming/bottomNavOFF.png) 0 0 no-repeat;
    padding-left: 9px;
    cursor: pointer;
}
.allinone_carousel.charming .bottomNavButtonON
{
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    padding-left: 9px;
    background: url(/skin/css/skins/charming/bottomNavON.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.charming .bottomNavLeft
{
    display: none;
    position: absolute;
    z-index: 140;
}
.allinone_carousel.charming .bottomNavRight
{
    display: none;
    position: absolute;
    z-index: 140;
}
.allinone_carousel.charming .bottomOverThumb
{
    position: absolute;
    width: 88px;
    height: 106px;
    background: url(/skin/css/skins/charming/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    xleft: 0;
    margin-left: -25px;
}
.allinone_carousel.charming .bottomOverThumb img
{
    border: 4px solid #22032e;
}
.allinone_carousel.sweet .contentHolderUnit
{
    position: absolute;
    width: 520px;
    height: 385px;
    overflow: hidden;
    cursor: pointer;
    background: url(/skin/css/skins/sweet/empty.gif) repeat;
}
.allinone_carousel.sweet .elementTitle
{
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    text-align: center;
    font: bold 22px/30px 'Mirosoft yahei',宋体;
    color: #fff;
    text-transform: capitalize;
}
.allinone_carousel.sweet .playOver
{
    position: absolute;
    width: 100px;
    height: 70px;
    background: url(/skin/css/skins/sweet/play_overON.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.allinone_carousel.sweet .playOver:hover
{
    background: url(/skin/css/skins/sweet/play_overOFF.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.allinone_carousel.sweet .bannerControls
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
}
.allinone_carousel.sweet .leftNav
{
    position: absolute;
    left: -5px;
    width: 110px;
    height: 157px;
    background: url(/skin/css/skins/sweet/leftNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.sweet .leftNav:hover
{
    background: url(/skin/css/skins/sweet/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.sweet .rightNav
{
    position: absolute;
    right: -5px;
    width: 110px;
    height: 157px;
    background: url(/skin/css/skins/sweet/rightNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.sweet .rightNav:hover
{
    background: url(/skin/css/skins/sweet/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.sweet .bottomNav
{
    position: absolute;
    height: 35px;
    width: 0;
    padding-left: 9px;
    z-index: 140;
}
.allinone_carousel.sweet .bottomNavButtonOFF
{
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    background: url(/skin/css/skins/sweet/bottomNavOFF.png) 0 0 no-repeat;
    padding-left: 9px;
    cursor: pointer;
}
.allinone_carousel.sweet .bottomNavButtonON
{
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    padding-left: 9px;
    background: url(/skin/css/skins/sweet/bottomNavON.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.sweet .bottomNavLeft
{
    position: absolute;
    width: 63px;
    height: 35px;
    bottom: -10px;
    z-index: 140;
}
.allinone_carousel.sweet .bottomNavRight
{
    position: absolute;
    width: 63px;
    height: 35px;
    bottom: -10px;
    z-index: 140;
}
.allinone_carousel.sweet .bottomOverThumb
{
    position: absolute;
    width: 88px;
    height: 106px;
    background: url(/skin/css/skins/sweet/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    margin-left: -25px;
}
.allinone_carousel.sweet .bottomOverThumb img
{
    border: 4px solid #fff;
}
.allinone_carousel.powerful .contentHolderUnit
{
    position: absolute;
    width: 326px;
    height: 329px;
    overflow: hidden;
    cursor: pointer;
    background: url(/skin/css/skins/powerful/empty.gif) repeat;
}
.allinone_carousel.powerful .elementTitle
{
    position: absolute;
    left: 0;
    top: 370px;
    width: 100%;
    text-align: center;
    font: bold 16px/25px 'Mirosoft yahei',宋体;
    color: #fff;
    text-transform: uppercase;
}
.allinone_carousel.powerful .playOver
{
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(/skin/css/skins/powerful/play_over.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.allinone_carousel.powerful .playOver:hover
{
    background: url(/skin/css/skins/powerful/play_over2.png) 0 0 no-repeat;
    display: none;
    z-index: 200;
    cursor: pointer;
}
.text
{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: normal;
    color: #fff;
    text-transform: none;
}
.allinone_carousel.powerful .bannerControls
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
}
.allinone_carousel.powerful .leftNav
{
    position: absolute;
    left: -23px;
    width: 110px;
    height: 157px;
    background: url(/skin/css/skins/powerful/leftNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.powerful .leftNav:hover
{
    background: url(/skin/css/skins/powerful/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .rightNav
{
    position: absolute;
    right: -23px;
    width: 110px;
    height: 157px;
    background: url(/skin/css/skins/powerful/rightNavOFF.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.powerful .rightNav:hover
{
    background: url(/skin/css/skins/powerful/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.powerful .bottomNav
{
    position: absolute;
    height: 35px;
    width: 0;
    padding-left: 9px;
    margin-left: -3px;
    z-index: 140;
}
.allinone_carousel.powerful .bottomNavButtonOFF
{
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    background: url(/skin/css/skins/powerful/bottomNavOFF.png) 0 0 no-repeat;
    padding-left: 9px;
    cursor: pointer;
}
.allinone_carousel.powerful .bottomNavButtonON
{
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    padding-left: 9px;
    background: url(/skin/css/skins/powerful/bottomNavON.png) 0 0 no-repeat;
    cursor: pointer;
}
.allinone_carousel.powerful .bottomNavLeft
{
    position: absolute;
    width: 0;
    height: 35px;
    bottom: -10px;
    z-index: 140;
}
.allinone_carousel.powerful .bottomNavRight
{
    position: absolute;
    width: 0;
    height: 35px;
    bottom: -10px;
    z-index: 140;
}
.allinone_carousel.powerful .bottomOverThumb
{
    position: absolute;
    width: 88px;
    height: 106px;
    background: url(/skin/css/skins/powerful/bottomOverThumbBg.png) 23px bottom no-repeat;
    bottom: 27px;
    margin-left: -25px;
}
.allinone_carousel.powerful .bottomOverThumb img
{
    border: 4px solid #fff;
}
.hideElement
{
    display: none;
}
#containingDiv
{
    width: 980px;
    margin: 0 auto;
}
@media screen and (min-width: 1200px)
{
    #containingDiv
    {
        width: 960px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px)
{
    #containingDiv
    {
        width: 100%;
        margin: 0 auto;
    }
}