/* elementos ocultos */
.videoContainer .textBox .description {opacity:0; height:0;overflow:hidden;transition:all 1s ease-in-out;}
.videoContainer .auxBox:hover ~ .textBox .description {opacity:1; height:auto;}
.videoContainer .auxBox:after {content:'Ver descripción';padding:.5rem 2rem;font-size:1.2rem;text-align:center;background: rgba(255,255,255,0.2);display:inline-block; margin-left:5rem;cursor:pointer}

/* slide */
.bkgVideo {width:100%;height:auto;opacity:0.15;top:0%;}
.videoContainer {overflow:hidden;background:rgb(51, 51, 51);}
.wrapper.bodier  .videoContainer .container {padding:0;}

/* txtBox PF OTROS PF Noticiario */
.videoContainer .txtBox h2 {float:left;}
/*.videoContainer .txtBox h2 > span {margin-left:6em;}*/
.videoContainer .txtBox .datpub:after{content:'.';padding-right:1em;}
.videoContainer .txtBox .date {color:#2fa1e0;}

.ko.audioX {margin:1em 0 1em -7em;}
.ko.audioX  p {padding:0.5em 0 0.5em 4.5em;width:80%;}
.ko.audioX  p:before {content:'';background-image: url('/css/rtve.2015.filmoteca/i/iconos/icons_40x40_2fa1e0.png');  background-position: 10% 100%;background-size:1000%;width:2em;height:2em;display:inline-block;float:left;margin-top:-0.3em;}

.videoPlayer, .videoPlayer object a {width:100%;height:100%;display:block;}
.infoBox {position: relative;}
.videoContainer  .txtBox {width:118em;margin:0 auto;padding:2em 7em;}
.infoBox {background:#222;}
.videoContainer  .txtBox {background:rgba(255,255,255,0.1);}
.videoContainer  .auxBox {display:inline-block;width:100%;padding:1.2em 0;}

/****************************************************************/
/* searchPanel  dateActive | releases | cell (txtBox,auxBox) */
/**************************************************************/
.searchPanel {display:inline-block;width:100%;}

.searchPanel .releases, .SearchPanel .releases li {float:left;display:block;}
.dateActive {width:100%;}
.dateActive  .pubBox span , .dateActive .mantitle {padding:0 0.5em;display:block;}
.g5.simply .releases  .cell {width:100%;padding:0;}
.g5.simply .releases  .cell  .mediaBox {padding:1.2em;}
.releases {width:20%;padding-top:1em;}

.releases .pubBox {display:block;width:100%;}
.releases .txtBox {display:none}
.releases .auxBox {width:500%;opacity:0;border:0.1em solid #2fa1e0;border-left:0 none;border-right: 0 none;}

.releases .cell .txtBox {height:100%;padding:0;}

.releases .cell .txtBox h2 {width:100%;height:100%;display:table;}
.releases .dateActive .maintitle, .dateActive .pubBox span {padding-left:0.7em;}
.releases .cell .txtBox .maintitle, .releases .cell.empty:before{display:table-cell;vertical-align:middle;cursor:default;}
.releases .cell .mainBox, .releases .cell .mediaBox {height:100%;}
.releases .cell .auxBox, .releases .cell .auxBox p {height:0;overflow:hidden;}
.releases .cell .auxBox p{padding:1em;}
/*celda vacia*/
.releases .cell.empty:before{content:'sin archivo'; position:absolute;z-index:5;top: 50%;left:0;width:100%;text-align:center;margin-top: -5%;}
.g5.simply .releases .cell.empty{height:100%;position:relative;padding-top:79%;}
.releases .cell.empty:after{content: '';position:absolute;top:0;left:0;background:#4e4e4e;height: 85%;width:90%;margin:7% 5%;}
/*texto desplegable*/
.releases .cell .txtBox, .releases .cell .auxBox {position:absolute;}
.releases .cell .auxBox {top:auto;}
.releases:nth-of-type(1) .cell .auxBox {left:0;}
.releases:nth-of-type(2) .cell .auxBox {left:-100%;}
.releases:nth-of-type(3) .cell .auxBox {left:-200%}
.releases:nth-of-type(4) .cell .auxBox {left:-300%}
.releases:nth-of-type(5) .cell .auxBox {left:-400%}
.releases .cell .txtBox {top:0;left:0;width:100%;/*z-index:4;*/text-align:center;}
/*columna izquierda*/
.releases:first-child .cell:nth-of-type(1) .mainBox:before {content:'A';}
.releases:first-child .cell:nth-of-type(2) .mainBox:before {content:'B';}
.releases:first-child .cell:nth-of-type(3) .mainBox:before {content:'C';}
.releases:first-child .cell .mainBox:before {font-size:240%;line-height:1;display:inline-block;width:1em;text-align:center;margin:-0.5em 0 0 -2em;}


/*textos y fuentes*/
.releases .cell.empty .txtBox h2:before, .releases li:before{font-family:'RTVEfontB','Tahoma',serif;}
.releases .cell.empty .txtBox h2:before, .releases li:before{font-size:200%;font-weight:700;}
.releases .dateActive .maintitle {font-size:200%;}
.releases .cell .txtBox, .releases .pubBox, .releases .cell .txtBox .maintitle {color:#fff;}
.releases .cell.empty:before {color:#bbb;}

/********* positioning *************/
.item .pie, .mark, .wrapper.bodier, .f12x9 , .videoContainer, .videoContainer .cueptBox,.releases .cell.empty {position:relative;}
.videoPlayer object,.videoPlayer video,.releases:first-child .cell .mainBox:before, .releases .cell.empty:before  {position:absolute;}
.videoPlayer object,.videoPlayer video {top:0;left:0;width:100%;height:100%;}
.releases:first-child .cell .mainBox:before  {top:50%;left:0;}
.releases .cell .auxBox {z-index:3;}