.slider{
position:relative;
width:100%;
height:400px;
background-color:rgba(0,0,0,0.5);
background-image:url(pics/slider/1.jpg);
background-size:100% 100%;
transition:all 0.5s ease;
}

.slider:hover{
cursor:pointer;
}

.centrize .left, .centrize .right{
width:50px;
height:50px;
left:20px;
position:absolute;
top:180px;
background:rgba(255,255,255,0.2);
transition:all 0.2s ease;
background-image:url(pics/slider/left.png);
background-size:40px 40px;
background-position:50%;
background-repeat:no-repeat;
border-radius:50%;
z-index:100;
opacity:0.3;
}

.centrize .right{
left:auto;
right:20px;
background-image:url(pics/slider/right.png);
}

.centrize .left:hover, .centrize .right:hover{
cursor:pointer;
background-color:rgba(255,255,255,0.3);
width:60px;
height:60px;
top:175px;
opacity:0.7;
}

.centrize .left:hover{
left:15px;
}

.centrize .right:hover{
right:15px;
}

.centrize .darken{
position:relative;
width:285px;
color:white;
height:360px;
position:absolute;
right:0;
top:0;
background:rgba(0,0,0,0.5);
font-size:30px;
padding-top:40px;
padding-left:40px;
padding-right:30px;
z-index:50;
}

.centrize .darken .podrobnee{
position:absolute;
bottom:60px;
display:block;
text-decoration:underline;
font-size:20px;
}

.centrize .darken .podrobnee a{
color:#f40;
transition:color 0.2s ease;
}

.centrize .darken .podrobnee a:hover{
cursor:pointer;
color:white;
}