Untitled

<head>
</head>
<style type="text/css">

body{
background-color: #fff666;
}

div#rash1{
width: 500px;
margin-left: 50%;
margin-top: 180px;
height: 400px;
background-color: transparent;
}

div#rash1.hover> .rashes1{
opacity: 0.9;
overflow:hidden;
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
}

.rashes1{
width: 500px;
height: 400px;
overflow:hidden;
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
text-align:center;
z-index:5;
opacity:0;
}

</style>

<body>
<div id="rash1">
<a href="http://wteveryolo.tumblr.com"><img src="http://24.media.tumblr.com/tumblr_m8dpz2eOnN1rzt9kfo1_r1_1280.png">
</a>
<span class="rashes1">
<iframe src="http://pastebin.com/raw.php?i=SUdyPE1z"></iframe></span>
</div>
</body>