/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

/*需要更具实际情况调整的*/
/*图片显示大小*/
/*整个组件表格样式*/ 
.nav_changeimg_1  
{  
    list-style:none; 
    margin:0;
    padding:0;
    background:#000000;
    width: 425px;}
/*大图区样式*/ 
.nav_changeimg_1 div.bigmvfc  
{  
   width: 425px; /*大图显示宽度*/ 
   height: 220px;} 
/*图片显示层样式*/ 
.nav_changeimg_1 div.bigbimg  
{
   width: 425px; /*大图显示宽度*/ 
   height: 220px;} 
/*大图样式*/ 
.nav_changeimg_1 IMG.bigimg 
{ 
    border:none;/*没有边框*/ 
    width: 425px; /*大图显示宽度*/ 
    height: 220px;} 
/*标题区样式*/ 
.nav_changeimg_1 div.mvfc1  
{ 
    left: 0px; /*标题滤镜区显示位置x*/ 
    top: 188px; /*标题滤镜区显示位置y(需要根据打图显示的高度进行调整)*/ 
    width: 425px; /*标题滤镜区宽度(一般要和大图显示宽度一致)*/ 
    height: 32px;} 
/*真正的文字显示区域*/ 
.nav_changeimg_1 div.con  
{ 
    padding-right: 25px;/*距离右边距的大小(相对于滤镜区域)*/  
    padding-left: 25px; /*距离左边距的大小(相对于滤镜区域)*/ 
    padding-top: 8px; /*距离顶部距的大小(相对于滤镜区域)*/ 
    padding-bottom: 0px;  /*距离底部距的大小(相对于滤镜区域)*/ 
    left: 0px; /*显示位置x*/ 
    top: 188px;  /*显示位置y(需要根据打图显示的高度进行调整)*/    
    width: 275px; /*显示区宽度*/ 
    height: 24px; /*显示区高度*/ 
    color: #fff; /*显示颜色*/ 
    line-height: 20px; /*行高*/ 
    text-align: left;} 
/*文字链接样式*/ 
.nav_changeimg_1 a.hreftitle 
{ 
    color:#FFFFFF;/*文字颜色*/ 
    text-decoration:none;} 
/*小图区层样式*/ 
.nav_changeimg_1 div.simg  
{  
    width: 425px; /*小图显示区宽度(需要根据小图和显示的数量进行调整)*/ 
    height: 51px;} 
/*小图区的整个表格样式*/ 
.nav_changeimg_1 ul.smallul
{ 
    width:420px;/*表格宽度(需要根据小图和显示的数量进行调整)*/ 
    border:none; /*表格边框*/
    list-style:none; 
    margin:0;
    padding:0;} 
/*一张小图站占的表格宽度*/ 
.nav_changeimg_1 li.smallli 
{ 
    float:left;
    text-align:center;
    width:70px;/*小图的表格宽度*/ 
    margin:0;
    padding:0;} 
/*获得焦点的小图样式*/ 
.nav_changeimg_1 IMG.f1  
{ 
    border: #00FF80 3px solid;/*获得焦点的小图边框色*/ 
    width:60px;/*小图显示宽度*/ 
    height:40px;} 
/*没有获得焦点的小图样式*/ 
.nav_changeimg_1 IMG.f2  
{ 
    border: #373737 3px solid; /*小图边框色*/ 
    filter: alpha(opacity=80);/*透明程度*/ 
    width:60px;/*小图显示宽度*/ 
    height:40px;}
/*需要更具实际情况调整结束*/

/*大图区样式，修改大图区显示的大小*/ 
/*不需要改变的*/ 
.nav_changeimg_1 div.bigmvfc  
{  
    overflow: hidden;/*设置层中的图片如果超过层的大小则隐藏不显示多余部分*/ 
    position: relative;} 
.nav_changeimg_1 div.bigbimg  
{ 
    filter: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );} 
.nav_changeimg_1 div.mvfc1  
{ 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mat1.qq.com/musictop2/09imgindex/imgindex/tbg1.png', sizingMethod='scale');  
    background-image: url(http://mat1.qq.com/musictop2/09imgindex/imgindex/tbg1.png)! important;  
    position: absolute;} 
.nav_changeimg_1 div.con  
{ 
    filter: dropshadow(color=#000000,offx=1,offy=1);  
    position: absolute;} 
.nav_changeimg_1 div.simg  
{  
    margin: 0px;  
    overflow: hidden;   
    cursor: pointer;} 
.nav_changeimg_1 div.dis  
{ 
    display: block;} 
.nav_changeimg_1 div.undis  
{ 
    display: none;} 
/*不需要改变结束*/ 

.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 2px;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}