div.playimg {
width: 100%;
position: relative;
float: left;
overflow: hidden;
}

div.brightness {
display: block;   
width: 100%;
position: relative;
margin: 0px 17px 0px 0px;
}

div.playimg img {
float: left;
border: 0px;
}

div.brightness img {
float: left;
border: 0px;
}

div.brightness div.textinimg {
display: block;
position: absolute;
top: 270px;
width: 200px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #fff;
padding: 5px 0px 0px 5px;
background-color: rgba(255, 255, 255,.75);
color: #000;
text-transform: uppercase;
}

div.brightness:hover{
-webkit-filter: brightness(107%);
}

div.brightness:active .textinimg{
width: 300px;
padding: 7px 0px 0px 3px;
}

div.brightness span.txt {
margin-top: 9px;
display: block;
font-size: 15px;
font-weight: 700;
}

span.lupa {height:40px; width:30px; display:block; position:relative; float: left; font-size: 22px; padding-left: 4px; line-height: 1.1;}
span.lupa:before, .lupa:after{content:''; height:20px; display:block; position:absolute; top: 3px; left: -1px; box-sizing: content-box;}
span.lupa:before{width:20px; border:3px #000 solid; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
span.lupa:after{width:5px; background:#000; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:20px; left:23px;}
@media screen and (max-width: 600px){
div.brightness div.textinimg {top: 165px; width: 180px;}
}