.fullcontrol{position:relative;width:100%; height:341px;}
.sliderNav{ position:absolute; bottom:30px; left:50%; z-index:2; margin:0 0 0 -22px; padding:0;}
.sliderNav ul{margin:0; padding:0;}
.sliderNav li{background:url(../img/dot.png) 0 0 no-repeat; display:inline; height:10px; width:10px; overflow:hidden; text-indent:-99px; outline:none; cursor:pointer; margin-bottom:4px; float:left; margin-right:5px;}
.sliderNav li.act{background:url(../img/dot_active.png) 0 0 no-repeat;}
#whatsnew{list-style:none; position:relative; float:left; width:100%; height:100%; margin:0; padding:0; z-index:1;}
#whatsnew li{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
#whatsnew>li>img{ width:100%;}

.bCopy{position:absolute; left:15%; top:16%; z-index:999; color:#fff; font-size:24px;}
.bCopy span{font-size:54px;}
.sHImg{display:none;}

@media (max-width: 768px) {
.fullcontrol{height:338px;}
#whatsnew{height:338px;}
#whatsnew>li>img{ width:100%;}
.bCopy{left:6%;}
}

@media (max-width: 480px) {
.fullcontrol{height:222px;}
#whatsnew{height:222px;}
.bCopy{left:6%; font-size:18px;}
.shide{display:none;}
.sHImg{display:block;}
}