/*需要更具实际情况调整的*/
/*图片显示大小*/
/*整个组件表格样式*/ 
.nav_changeimg_1  
{  
    list-style:none; 
    margin:0;
    padding:0;
    width: 100%; /*大图显示宽度*/ 
    height: auto;}
/*大图区样式*/ 
.nav_changeimg_1 div.bigmvfc  
{  
   width: 100%; /*大图显示宽度*/ 
   height: auto;} 
/*图片显示层样式*/ 
.nav_changeimg_1 div.bigbimg  
{
   width: 100%; /*大图显示宽度*/ 
   height: auto;} 
/*大图样式*/ 
.nav_changeimg_1 IMG.bigimg 
{ 
    border:none;/*没有边框*/ 
    width: 100%; /*大图显示宽度*/ 
    height: auto;} 


小图区层样式*/ 
.nav_changeimg_1 div.simg  
{  
  
    width: 100%; /*小图显示区宽度(需要根据小图和显示的数量进行调整)*/ 
    height: 26px;} 
/*小图区的整个表格样式*/ 
.nav_changeimg_1 ul.smallul
{ 
    float:right;
    width:15%;/*表格宽度(需要根据小图和显示的数量进行调整)*/ 
    height:auto;
    border:none; /*表格边框*/
    list-style:none; 
    margin:0 auto;
    padding:0; 
    clear:both;} 
/*一张小图站占的表格宽度*/ 
.nav_changeimg_1 li.smallli 
{ 

    float:left;
    text-align:center;
    width:1px;/*小图的表格宽度*/ 
    height:1px;
    border-radius:50%;
    margin:0 12px;
    padding:0;} 
/*获得焦点的小图样式*/ 
.nav_changeimg_1 IMG.f1  
{ 
    border: #addfff 6px solid;/*获得焦点的小图边框色*/ 
    width:1px;/*小图显示宽度*/ 
    height:1px;/*小图显示高度*/ 
    border-radius:50%;} 
/*没有获得焦点的小图样式*/ 
.nav_changeimg_1 IMG.f2  
{ 
    border: #40a9ed 6px solid; /*小图边框色*/ 
    filter: alpha(opacity=80);/*透明程度*/ 
    width:1px;/*小图显示宽度*/ 
    height:1px;/*小图显示高度*/ 
    border-radius:50%;}
/*需要更具实际情况调整结束*/

/*大图区样式，修改大图区显示的大小*/ 


/*不需要改变的*/ 
.nav_changeimg_1 div.bigmvfc  
{  
    overflow: hidden;/*设置层中的图片如果超过层的大小则隐藏不显示多余部分*/ 
    position: relative;  
    z-index:-1;} 
.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;  
    position:relative;  
    bottom:40px;
    z-index:999;} 
.nav_changeimg_1 div.dis  
{ 
    display: block;} 
.nav_changeimg_1 div.undis  
{ 
    display: none;} 
/*不需要改变结束*/ 
@media (max-width:480px){
.nav_changeimg_1 IMG.f1{
border: #addfff 3px solid;}
.nav_changeimg_1 IMG.f2  
{ 
    border: #40a9ed 3px solid;}
.nav_changeimg_1 li.smallli{
margin:0 6px;}
.nav_changeimg_1 div.simg{
bottom:26px;}
}