span.roll {background:url(../imagens/mag.png) center center no-repeat #000; height: 200px; position: absolute; width: 285px; z-index: 10;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px  #000;box-shadow: 0px 0px 4px  #000; } 
span.rollover { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(../imagens/mag.png) center center no-repeat #000; cursor: pointer; height: 200px; width: 258px; position: absolute; z-index: 10; opacity: 0;}
span.rollover:hover {opacity: .7; -o-transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition: -webkit-transform 1s;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;}


span.roll_2 {background:url(../imagens/mag.png) center center no-repeat #000; height: 200px; position: absolute; width: 240px; z-index: 10;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px  #000;box-shadow: 0px 0px 4px  #000; } 
span.rollover { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(../imagens/mag.png) center center no-repeat #000; cursor: pointer; height: 200px; width: 240px; position: absolute; z-index: 10; opacity: 0;}
span.rollover:hover {opacity: .7; -o-transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition: -webkit-transform 1s;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;}


span.roll_3 {background:url(../imagens/mag.png) center center no-repeat #000; height: 180px; position: absolute; width: 320px; z-index: 10;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px  #000;box-shadow: 0px 0px 4px  #000; } 
span.rollover { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(../imagens/mag.png) center center no-repeat #000; cursor: pointer; height: 180px; width: 320px; position: absolute; z-index: 10; opacity: 0;}
span.rollover:hover {opacity: .7; -o-transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition: -webkit-transform 1s;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;}

span.roll_4 {background:url(hover.png) center center no-repeat #000; height: 200px; position: absolute; width: 300px; z-index: 10;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px  #000;box-shadow: 0px 0px 4px  #000; } 
span.rollover { opacity: 1; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background:url(hover.png) center center no-repeat #000; cursor: pointer; height: 220px; width: 320px; position: absolute; z-index: 10; opacity: 0;}
span.rollover:hover {opacity: .7; -o-transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition: -webkit-transform 1s;	-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;}