.Box {WIDTH:360px;overflow:hidden; margin:0px auto; margin-top:10px; display: block}
.rollBox {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH:360px; PADDING-RIGHT: 0px; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 0px}
.rollBox .LeftBotton {TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 40px;DISPLAY: inline; BACKGROUND: url(../images/pr_jt1.png) no-repeat 0px -6px; FLOAT: left; HEIGHT:150px; OVERFLOW: hidden; CURSOR: pointer}
.rollBox .RightBotton {TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 40px; DISPLAY: inline; BACKGROUND: url(../images/pr_jt1.png) no-repeat -45px -6px; FLOAT: left; HEIGHT:150px; OVERFLOW: hidden; CURSOR: pointer}
.rollBox .Cont {TEXT-ALIGN: left; MARGIN-TOP:0px; WIDTH:280px; FLOAT: left; OVERFLOW: hidden}
.rollBox .ScrCont {WIDTH: 1342177.27px}
.rollBox #List1 {FLOAT: left}
.rollBox #List2 {FLOAT: left}


.pic_dm2{width:136px;margin-right:6px;margin-left:2px;margin-top:0px;float:left; overflow:hidden; }
.pic_dm2 img{ width:130px; height:130px;padding:2px;BORDER: #9ABBB8 1px solid; background:#FFFFFF; margin:0px}
.pic_dm2 img { filter: alpha(opacity=100);margin:0px} 
.pic_dm2 a:hover img { filter: alpha(opacity=80);padding:2px; border:#AA119D 1px solid;}
.pic_dm1_sm1{text-align: center; margin:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.pic_dm1_sm1 a{ color:#555; line-height:20px; font-size:12px}
.pic_dm1_sm1 a:hover{color:#AA119D}


@media only screen and (max-width:480px){
.Box {WIDTH:280px;overflow:hidden; margin:0px auto; margin-top:10px; display: block}
.rollBox {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH:280px;margin:0 auto; OVERFLOW: hidden;}
.rollBox .LeftBotton {TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 40px;DISPLAY: inline; BACKGROUND: url(../images/pr_jt1.png) no-repeat 0px -6px; FLOAT: left; HEIGHT:150px; OVERFLOW: hidden; CURSOR: pointer; display:none}
.rollBox .RightBotton {TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 40px; DISPLAY: inline; BACKGROUND: url(../images/pr_jt1.png) no-repeat -45px -6px; FLOAT: left; HEIGHT:150px; OVERFLOW: hidden; CURSOR: pointer; display:none}
.rollBox .Cont {TEXT-ALIGN: left; MARGIN-TOP:0px; WIDTH:280px;  OVERFLOW: hidden; margin:0 auto}
.rollBox .ScrCont {WIDTH: 1342177.27px}
.rollBox #List1 {FLOAT: left}
.rollBox #List2 {FLOAT: left}

}

@media only screen and (min-width: 481px) and (max-width: 900px){

.Box { WIDTH:90%;overflow:hidden; margin:0px auto; margin-top:10px; display: block}
.rollBox {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH:100%;margin:0 auto; OVERFLOW: hidden;}
.rollBox .LeftBotton {TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 40px;DISPLAY: inline; BACKGROUND: url(../images/pr_jt1.png) no-repeat 0px -6px; FLOAT: left; HEIGHT:150px; OVERFLOW: hidden; CURSOR: pointer; display:none}
.rollBox .RightBotton {TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 40px; DISPLAY: inline; BACKGROUND: url(../images/pr_jt1.png) no-repeat -45px -6px; FLOAT: left; HEIGHT:150px; OVERFLOW: hidden; CURSOR: pointer; display:none}
.rollBox .Cont {TEXT-ALIGN: left; MARGIN-TOP:0px;  WIDTH:100%;  OVERFLOW: hidden; margin:0 auto}
.rollBox .ScrCont {WIDTH: 1342177.27px}
.rollBox #List1 {FLOAT: left}
.rollBox #List2 {FLOAT: left}

}