/*---- 下面这一部分是鼠标移动到栏目上后的背景图*/
.menu_home:hover, .menu .active .menu_home { background-position: 0 0px; }
.menu_game:hover, .menu .active .menu_game { background-position: 0px 0px; }
.menu_video:hover, .menu .active .menu_video { background-position: 0px 0px; }


/*-- 在这里改栏目（就是下面那一条）的背景图 ----结束*/
.inner { width: 1080px; margin: 0 auto; }
/*-- 在这一部分改焦点图 ---- 开始*/
/*---- 注意：下面这一条是第一张焦点图，改 background 属性就行，其它的不用管*/
.banner, .banner_music, .banner_game, .banner_video, .banner_novel { background: url(../images/banner01.jpg) no-repeat center; min-width: 1080px; height: 600px; position: relative; }

.banner_game { background: url(../images/banner02.jpg) no-repeat center; }
.banner_video { background: url(../images/banner03.jpg) no-repeat center; }

/*-- 自由切换状态*/
.menu_png { display: inline-block; background-image: url(../images/store_icon.png); background-repeat: no-repeat; vertical-align: middle; width: 20px; height: 20px; }
.menu_home { background-position: 0px 0px; }
.menu_game { background-position: 0px 0px; }
.menu_video { background-position: 0px 0px; }


/*---- 鼠标移动到栏目上后的背景图*/
.menu_home:hover, .menu .active .menu_home { background-position: 0px -20px; }
.menu_game:hover, .menu .active .menu_game { background-position: 0px -20px; }
.menu_video:hover, .menu .active .menu_video { background-position: 0px -20px; }

.banner .mask { display: block; width: 100%; position: absolute; left: 0; bottom: 0; height: 120px;  z-index: 1; }
.banner .inner { display: block; width: 100%; position: absolute; left: 0; bottom: 10px; z-index: 2; text-align: center; }
.banner .menu {  height: 30px; width: 80px; margin: 0 auto; overflow: hidden; zoom: 1; }
.banner .menu li { float: left; display: inline-block; height: 25px; margin-right: 5px; vertical-align: middle; }
.banner .btns { width: 281px; margin: 13px 0 0 55px; }