.btsOed {position:absolute; width: 300px; height: 100%; background-color: #fff; top: 0; border-radius: 0; left: -300px;}

.btsOed .btAbre{position: absolute; top: 5px; right: -45px; height: 40px; width: 40px; cursor: pointer; color: #fff; z-index: 4; border-radius: 4px; font-family: Roboto; line-height: 40px; font-size: 14px; text-align: center; background-image: url(73581.svg); background-size: 80%; background-position: center; background-repeat: no-repeat; background-color: rgba(35,35,35,.5); }
.btsOed .contBts{float: left; transition: all .3s; z-index: 3; width: 300px;}
.btsOed .btOed:hover{border-left: 8px solid #ccc; text-indent: 22px;}
.btsOed .btOed.titulo{pointer-events:none; font-size: 20px; color: #333;}
.btsOed .btOed{ float: left; clear: both; width: 100%; height: 60px; line-height: 60px; text-align: left;font-size: 16px;color: #666; background-color: #fff; cursor: pointer; box-sizing: border-box; font-family: Roboto; text-indent: 30px; border-bottom: 1px solid #ededed; }

.lightBox {position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; background-color:rgba(0,0,0,.7); overflow:hidden; display:none;}
.lightBox .btX{position: absolute; top: 50%; left: 50%; margin: -320px 0 0 380px; color: #fff; cursor: pointer; background-color: #a561d6; width: 40px; height: 40px; border-radius: 50%; z-index: 11; font-family: Roboto; text-align: center; line-height: 38px; font-size: 18px; font-weight: bold;}
.lightBox .content {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#FFF; margin:auto;z-index:10; }
.lightBox .content iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}

.transition{transition:.5s transform!important;}
.contZoom {position:absolute; bottom:5px; left:5px; border-radius:4px; overflow:hidden;}
.contZoom .btAbre{position:absolute; top:0px; left:0px; background-color:rgba(35,35,35,.5); height:40px; width:40px;cursor:pointer; color:#fff;  border-radius:4px; background-image:url(73549.svg); background-size:80%; background-repeat:no-repeat; background-position:center;}
.contZoom .barraZoom { float:left; border-radius:4px; padding:4px 0; margin-left:42px;background-color:rgba(35,35,35,.5); height:40px; width:0; overflow:hidden; transition:width .3s;}
.contZoom .barraZoom.open {width:188px; }
.contZoom .barraZoom .btZoom { float:left; margin:6px; height:22px; width:22px; border-radius:50%; border:2px solid #fff; position:relative; cursor:pointer;}
.contZoom .barraZoom .btZoom:after {font-family: roboto; font-size: 20px; line-height: 20px; color: #fff; width: 22px; position: absolute; text-align: center; height: 20px; top: -2px; left: -2px;}
.contZoom .barraZoom .btZoom.btMais:after {content:'+'}
.contZoom .barraZoom .btZoom.btMenos:after {content:'−'}
.contZoom .barraZoom .barra {float:left; position:relative; width:100px; height:6px; margin:14px 10px; background-color:#ccc; border-radius:3px;}
.contZoom .barraZoom .barra .fill{ position:absolute; width:0; height:6px; border-radius:3px; background-color:#723b9a; top:0px; left:0;}
.contZoom .barraZoom .barra .bt{ position:absolute; width:16px; height:16px; border-radius:50%; background-color:#a561d6; border:2px solid #723b9a; box-sizing:border-box; top:-5px; left:0; margin-left:-8px; cursor:pointer;}