/* ==========================================================================
   RAI.TV
   ========================================================================== */

.videoList{padding-top:12px; position:relative;}
.videoList .label{margin:8px 4px 0 20px; }
.videoList .timeShare{float:left;}
.videoList .timeShare a{color:#9a9a9a;}


.videoList ul{display:block;}
.videoList .top ul li{display:block; float: left; margin: 0px 2px 0px 2px;}
.videoList .top ul li a{padding:0px 18px; line-height:40px; display:block; height:48px; float:left;}
.videoList .top ul li a{
	color:#b4b4b4; background-color:#fff; font-size:12px; font-weight:700; text-transform: uppercase;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:    4px;
	border-top-left-radius: 	   4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:    4px;
	border-top-right-radius: 	   4px;
}

.videoList .top ul li a:hover{background-color:#f7f7f7; color: #B4B4B4!important;}
.videoList .top ul li.selected a{background-color:#f0f0f0;}


.videoList .top{
position:relative;
width:640px;
height:48px; float:left;
border-bottom: 5px solid #f0f0f0;
margin: 0px 0px 36px 0px;
}

.videoList .Tematiche{
	display: none;
width:430px;
height:48px; float:right;
margin: 0px 20px 0px 0px;
}

.videoList .Tematiche .next,
.videoList .Tematiche .prev{
display:block; width:30px; height:100%;
float: left;
font-size:17px; line-height:38px; color:#b4b4b4; text-align: center;
}

.videoList .Tematiche .next{float: right;}

.videoList .Tematiche > div{
width:370px;
height:auto; float:left;
margin: 0px 00px 0px 0px;
overflow: hidden;
}

.videoList .Tematiche ul li ol {
display: none;
}

.videoList .Tematiche ul li.selected ol {
display: block;
position: absolute;
top: 48px;
left: 0px;
height: 24px;
width: 640px;
background: #f0f0f0;
}

.videoList .Tematiche ul li.selected ol li,
.videoList .Tematiche ul li.selected ol li a{
display: block;
position: relative;
float: left;
height: 24px;
margin: 0px!important;
}


.videoList .Tematiche ul li.selected ol li a{
font-size: 10px;
padding: 0px 0px 0px 20px;
line-height: 24px;
color: #aeaeae;
background: transparent;
}

.videoList .Tematiche ul li.selected ol li:before{content: "\2022"; position: absolute; top: 5px; left: 7px; font-family: Verdana; color: #dc513a;}
.videoList .Tematiche ul li.selected ol li:first-child:before{content: "";}

.videoList .Tematiche ul li.selected ol li.selected a{
color: #7c7c7c;
}

/* list */

.videoList .listato{
display: block;
float: left;
width: 620px;
padding: 0px 0px 0px 20px;
margin: 0px;
}
.videoList .listato ul{
display: block;
float: left;
width: 620px;
}

.videoList .listato ul li{
display: block;
float: left;
position: relative;
width: 135px;
height: 160px;
margin: 0px 20px 20px 0px;
}

.videoList .listato ul li .img {
display: block;
position: relative;
float: left;
width: 135px;
height: 90px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.videoList .listato ul li:before{
position:absolute;
width:22px;
height:22px;
top:45px; left:14px;
z-index: 10;
color: #fff;
font-size: 22px;
line-height:22px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius:    50%;
border-radius:         50%;
background: rgba(255,255,255,0.3)
}

.videoList .listato ul li.photo:before{
color: #fff;
line-height:20px;
font-size: 11px;
}

.videoList .listato ul li .img:after{
content:" ";
position:absolute; width:135px; height:15px; bottom:0; left:0; z-index: 10;
background: url(/dl/rainews/images/mask_btm_pic.png) no-repeat -10px bottom;
}
.videoList .listato ul li a.img img {position: absolute;z-index: 0; width:135px; height:90px;}

.videoList .listato ul li .duration{
display: block;
position: absolute;
top: 58px;
right: 4px;
width: auto;
height: auto;
font-size: 9px;
padding: 2px 5px 2px 5px;
-webkit-border-radius: 2px;
-moz-border-radius:    2px;
border-radius:         2px;
background: rgba(0,0,0,0.6);
color: #fff;
}

.videoList .listato ul li .txt{
display: block;
position: relative;
float: left;
width: 121px;
height: auto;
padding: 2px 0px 0px 14px;
}

.videoList .listato ul li .txt h2{
display: block;
position: relative;
float: left;
width: auto;
height: auto;
font-size:11px; line-height:12px; font-weight:400; text-transform:uppercase;
}
.videoList .listato ul li .txt time{
display: block;
position: relative;
float: left;
width: 121px;
height: auto;
font-size: 9px;
margin: 4px 0px 0px 0px;
text-transform: uppercase;
color: #a7a7a7;
}


.videoList .listato ul li:hover {
border: 10px solid #f5f5f5;
margin: -10px 10px 10px -10px;
background: #f5f5f5;
 -webkit-border-radius: 4px;
-moz-border-radius:    4px;
border-radius:         4px;
}


.videoList .listato ul li:hover a.img:after{
background-position: -250px bottom;
}