PageSourceSearch

https://looke.com.br/landingpage

html looke.com.br collected 2026-09-24 09:31:32 UTC 468,272 bytes, 11,829 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4    <title>Assista a S&#xE9;ries de TV e Filmes Online - Looke</title>
5    <meta charset="utf-8" />
6    <meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0" />
7    <meta name="facebook-domain-verification" content="btpbpv1ayywtyscxm2cjjgcxetlaal" />
8
9    
10    
11<link rel="canonical" href="https://www.looke.com.br" />
12<meta name="description" content="De produções internacionais a obras independentes, passando por Originais e Exclusivos: tudo em um só lugar.">
13<meta name="keywords" content="Assista a filmes online, comprar filmes online, alugar filmes online, assine filmes on line, assista a séries de TV, séries de TV online, ver filmes, ver tv, streaming, assistir online, sem download, filmes inteiros">
14<meta name="msvalidate.01" content="4BE9DD04D828E8FB7755A9341FC2B014" />
15<meta property="fb:app_id" content="1592007824387363" />
16<meta name="apple-itunes-app" content="app-id=961194595" />
17<link rel="apple-touch-icon" href="/content/images/touch-icon-iphone.png">
18<link rel="apple-touch-icon" sizes="76x76" href="/content/images/touch-icon-ipad.png">
19<link rel="apple-touch-icon" sizes="120x120" href="/content/images/touch-icon-iphone-retina.png">
20<link rel="apple-touch-icon" sizes="152x152" href="/content/images/touch-icon-ipad-retina.png">
21
22<meta property="og:title" content="Looke – Streaming de Filmes e Séries do Mundo Todo" />
23<meta property="og:site_name" content="Looke" />
24<meta property="og:description" content="De produções internacionais a obras independentes, passando por Originais e Exclusivos: tudo em um só lugar.">
25<meta property="og:image" content="/content/images/looke_new.jpg" />
26
27
28<script type="application/ld+json">
29
30    {
31    "@context": "https://schema.org",
32    "@type": "Organization",
33    "name": "Looke",
34    "url": "https://www.looke.com.br",
35    "logo": "https://www.looke.com.br/content/images/looke_new.jpg",
36    "sameAs": [
37    "https://www.facebook.com/LookeBrasil",
38    "https://twitter.com/LookeBrasil",
39    "https://plus.google.com/+LookeBr"],
40    "contactPoint": [{
41    "@type": "ContactPoint",
42    "telephone": "+55 11 5053-5031",
43    "contactType": "customer service"
44    }],
45    "target": {
46    "@type": "EntryPoint",
47    "urlTemplate": "https://www.looke.com.br/search/{q}",
48    "contentType": "application/ld+json"
49    }
50    }
51
52</script>
52
53
54
55
56
57
58    <link id="icon" rel="icon" type="image/png" href="/content/images/icon_small.png" />
59
60    <link rel="stylesheet" href="/content/themes/base/minified/bootstrap.min.css?20260629" />
61    <link rel="stylesheet" href="/content/font-looke.css?g=2018" />
62    <link rel="stylesheet" href="/content/Site.css?20260629" />
63    <link rel="stylesheet" href="/content/component.css?20260629" />
64    <link rel="stylesheet" href="/content/Carousel.css?20260629" />
65    <link rel="stylesheet" href="/content/MediaInfo.css?20260629" />
66    <link rel="stylesheet" href="/content/jquery.selectbox.css?20260629" />
67    <link rel="stylesheet" href="/content/icheck/polaris/polaris.css?20260629" />
68    <link rel="stylesheet" href="/content/jquery.jscrollpane.css?20260629" />
69    <link rel="stylesheet" href="/content/Settings.css?20260629" />
70    <link rel="stylesheet" href="/content/popModal.css?20260629" />
71    <link rel="stylesheet" href="/content/rating/ratingHome.css?20260629" />
72    
72<script src="/content/cleave-bundle.js"></script>
72
73
74    
75
76    
76<script src="/content/modernizr-bundle.js?20260629"></script>
76
77    
77<script src="/content/jquery-bundle.js?20260629"></script>
77
78    
78<script src="/scripts/jquery.easing.1.3.js?20260629"></script>
78
79    
79<script src="/scripts/jquery.unobtrusive-ajax.js?20260629"></script>
79
80    
80<script src="/scripts/jquery.validate.js?20260629"></script>
80
81    
81<script src="/scripts/jquery.validate.unobtrusive.js?20260629"></script>
81
82    
82<script src="/scripts/jquery.selectbox-0.2.min.js?20260629"></script>
82
83    
83<script src="/scripts/icheck.min.js?20260629"></script>
83
84    
84<script src="/scripts/jquery.jscrollpane.min.js?20260629"></script>
84
85    
85<script src="/scripts/mightyslider.min.js?20260629"></script>
85
86
87    
87<script src="/scripts/Helpers.js?20260629"></script>
87
88    
88<script src="/scripts/Carousel/CarouselQueue.js?20260629"></script>
88
89
90    
90<script src="/scripts/Silverlight.js?20260629"></script>
90
91    
91<script src="/scripts/SilverlightError.js?20260629"></script>
91
92
93    
93<script src="https://www.paypalobjects.com/api/checkout.js" data-version-4 log-level="warn"></script>
93
94    
94<script src="https://js.braintreegateway.com/web/3.62.0/js/client.min.js"></script>
94
95    
95<script src="https://js.braintreegateway.com/web/3.62.0/js/paypal-checkout.min.js"></script>
95
96    
96<script src="/content/paypal-bundle.js?20260629"></script>
96
97
98    
99    
99<script src="/scripts/Carousel/MediaPanel.js?20220513"></script>
99
100    
100<script src="/scripts/Carousel/MediaList.js?20220513"></script>
100
101    
101<script src="/scripts/Carousel/Carousel.js?20220513"></script>
101
102    
102<script src="/scripts/Carousel/CarouselQueue.js?20220513"></script>
102
103    
103<script src="/scripts/Carousel/Hover.js?20220513"></script>
103
104    
104<script src="/scripts/jquery-ui-1.8.24.min.js"></script>
104
105    
105<script src="/scripts/video.js?20220513"></script>
105
106
107    <!-- Google Tag Manager -->
108<script>
vendor: 327 bytes, lines 108-112
108(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
109new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
110j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
111'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
112})(window,document,'script','dataLayer','
112GTM-TRXGW32
vendor: 3 bytes, line 112
112');
112</script>
112
113<!-- End Google Tag Manager -->
114
115<script>
116    var GoogleTagManager = GoogleTagManager || {};
117    (function googleTagManager() {
118        var self = this;
119        GoogleTagManager.sendEvent = function ($json) {
120            if (!$json) return;
121            dataLayer.push({
122                'content': $json.content || '',
123                'modalPagamento': $json.modalPagamento || '',
124                'conversionValue': $json.conversionValue || '',
125                'event': $json.event || '',
126                'orderid': $json.orderid || '',
127                'status': $json.status || '',
128                'statusMessage': $json.statusMessage || ''
129            });
130        }
131    })();
132
133    function google_convertePrice(value) {
134        if (!value) return '';
135        return String(value).toLowerCase()
136            .replace(",", ".")
137            .replace("r$ ", "")
138            .replace("r$", "")
139            .trim();
140    }
141
142    var GoogleAnalytics = GoogleAnalytics || {};
143    (function googleAnalytics() {
144        var self = this;
145        GoogleAnalytics.sendEvent = function ($json) {
146            if (!$json) return;
147            dataLayer.push({
148                'event': 'analytics_event',
149                'category': "Looke " + ($json.category || ''),
150                'action': $json.action || '',
151                'label': $json.label || ''
152            });
153        }
154
155        GoogleAnalytics.sendPage = function (url, title) {
156            dataLayer.push({
157                'event': 'page_view',
158                'page_location': url || '',
159                'page_title': title || ''
160            });
161        };
162    })();
163</script>
163
164
165    <!-- Facebook Pixel Code -->
166<script>
vendor: 395 bytes, lines 166-172
166
167!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
168n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
169n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
170t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
171document,'script','https://connect.facebook.net/en_US/fbevents.js');
172fbq('init', '
172677626039076103
vendor: 30 bytes, lines 172-173
172');
173fbq('track', 'PageView');
174</script>
174
175<noscript>
176    <img height="1" width="1" style="display:none"
177         src="https://www.facebook.com/tr?id=677626039076103&ev=PageView&noscript=1" />
178</noscript>
179<!-- DO NOT MODIFY -->
180<!-- End Facebook Pixel Code -->
181    
181<script>
182    //(function (i) {
183    //    var ts = document.createElement('script');
184    //    ts.type = 'text/javascript';
185    //    ts.async = true;
186    //    ts.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'tags.t.tailtarget.com/t3m.js?i=' + i;
187    //    var s = document.getElementsByTagName('script')[0];
188    //    s.parentNode.insertBefore(ts, s);
189    //})('TT-10531-7/CT-136');
190
191    //var _ttconversion = _ttconversion || [];
192
193    var WebediaAnalytics = WebediaAnalytics || {};
194
195    (function webediaAnalytics() {
196
197        var self = this;
198
199        WebediaAnalytics.sendFilme = function (keyword) {
200            //self._ttconversion.push(['_event', '_channel', 'lo_filme-' + keyword]);
201        },
202
203        WebediaAnalytics.sendCategoria = function (keyword) {            
204            //self._ttconversion.push(['_event', '_channel', 'lo_categoria-' + replaceAll(keyword, ' ', '-').toLowerCase()]);
205        },
206
207        WebediaAnalytics.sendAgeRating = function (keyword) {
208            //self._ttconversion.push(['_event', '_channel', 'lo_agerating-' + keyword]);
209        },
210        WebediaAnalytics.sendPais = function (keyword) {
211            //self._ttconversion.push(['_event', '_channel', 'lo_pais-' + replaceAll(keyword, ' ', '-').toLowerCase()]);
212        },
213        WebediaAnalytics.sendAno = function (keyword) {
214            //self._ttconversion.push(['_event', '_channel', 'lo_ano-' + keyword]);
215        },
216        WebediaAnalytics.sendDubladoSim = function () {
217            //self._ttconversion.push(['_event', '_channel', 'lo_dublado-sim']);
218        },
219        WebediaAnalytics.sendDubladoNao = function () {
220            //self._ttconversion.push(['_event', '_channel', 'lo_dublado-nao']);
221        },
222        WebediaAnalytics.sendLegendadoSim = function () {
223            //self._ttconversion.push(['_event', '_channel', 'lo_legendado-sim']);
224        },
225        WebediaAnalytics.sendLegendadoNao = function () {
226            //self._ttconversion.push(['_event', '_channel', 'lo_legendado-nao']);
227        },
228        WebediaAnalytics.sendHDSD = function (keyword) {
229            //self._ttconversion.push(['_event', '_channel', 'lo_qualidade-' + keyword]);
230        },
231        WebediaAnalytics.sendRating = function (keyword) {
232            //self._ttconversion.push(['_event', '_channel', 'lo_rating-' + keyword]);
233        },
234        WebediaAnalytics.sendLogado = function (keyword) {
235            //self._ttconversion.push(['_event', '_channel', 'lo_cadastro-' + keyword]);
236        };
237    })();
238
239    //function replaceAll(str, find, replace) {
240    //    return str.replace(new RegExp(escapeRegExp(find), 'g'), replace);
241    //}
242    //function escapeRegExp(str) {
243    //    return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
244    //}
245
246</script>
246
247
248
249
250
251    
251<script type="text/javascript">
252    function shopback_send() {
253        //window._st_account = 3628;
254        //(function () {
255        //    var ss = document.createElement('script');
256        //    ss.type = 'text/javascript';
257        //    ss.async = true;
258        //    ss.src = '//app.shoptarget.com.br/js/tracking.js';
259        //    var sc = document.getElementsByTagName('script')[0];
260        //    sc.parentNode.insertBefore(ss, sc);
261        //})();
262    }
263
264    function shopback_conversionTag(orderId, value) {
265     //   console.log("value: " + value)
266	    //window._cv_data = {
267	    //    'order_id': orderId,// Número do pedido
268	    //    'valor': parseFloat(value.toLowerCase().replace(",", ".").replace("r$ ", "").replace("r$", ""))// Valor do pedido
269	    //};
270	    //shopback_send();
271	}
272	shopback_send();
273</script>
273
274
275    <link rel="stylesheet" href="https://use.typekit.net/hkz7qam.css">
276
277    
277<script src="/scripts/popModal.min.js?20260629"></script>
277
278    
278<script src="/scripts/Rating/Rating.js?20260629"></script>
278
279    
279<script src="/scripts/cookie.min.js"></script>
279
280    
280<script src="/scripts/fingerprint2.min.js"></script>
280
281
282<script>window.__lookeReplay={"enabled":true,"requireConsent":false,"debug":true,"maskSelectors":["input","textarea","select","[contenteditable=true]","[contenteditable=\u0022true\u0022]","[data-sensitive]",".sensitive",".privacy-sensitive",".card-dados-pessoais",".card-endereco",".paymentInputs",".paymentInputFieldWhite",".paymentInputValid",".paymentInputSafetyCode",".savedCard",".maskCardSaved",".description.subscript",".displayBlock .description",".nameUserMenu",".emailUserMenu",".cpf",".cep",".phone","#CardNumber","#CardSecurityCode","#CardSavedSecurityCode","#CardHolderName","#CardExpirationDate","#CPF","#CEP","#CEPPix","#Email","#EmailEditar","#UserName","#Password","#pass","#phoneDDDDisplay","#phoneNumberDisplay","#PhoneCelularAreaCode","#PhoneCelularNumber","[name=CardNumber]","[name=CardSecurityCode]","[name=CardSavedSecurityCode]","[name=CardHolderName]","[name=CardExpirationDate]","[name=Document]","[name=CPF]","[name=Email]","[name=UserName]","[name=Password]","[name=PhoneCelularAreaCode]","[name=PhoneCelularNumber]","[name=Address]","[name=AddressNumber]","[name=AddressAdditionalNumber]","[name=AddressDistrict]","[name=AddressCity]","[name=AddressState]","[name=ZIP]"],"blockSelectors":[],"clarity":{"projectId":"y4wu82qpnj","sampleRate":100},"posthog":{"projectId":"566285","apiKey":"phc_rXFAr56FoXJ2CkvZytz8TWMQetmMnxVJyb2XGpj67EXp","host":"/relay","assetHost":"/relay","sampleRate":100}};</script>
282<script src="/scripts/session-replay.js?v=2026091110" async></script>
282</head>
283<body>
284    
284<script>
285        (function () {
286            if (!history.state) {
287                history.replaceState({ goBack: true }, '');
288            }
289            window.onpopstate = function () {
290                $("#modal_container").html("");
291                Helpers.hideLoading();
292            };
293        })();
294
295    </script>
295
296
297    <div class="full_loader" id="full_loader">
298        <div class="full_loader_img"></div>
299    </div>
300    <div class="banner-cookies-wrapper mb-2 p-3" data-privacy-box="box">
301    <div class="banner-cookies-content">
302        <p class="m-0">
303            Utilizamos cookies essenciais e tecnologias semelhantes de acordo com a nossa   <a href="/politica" target="_blank"> Política de Privacidade</a>, ao continuar navegando, você concorda com estas condições.
304
305        </p>
306        <button id="accept-button" >Fechar</button>
307    </div>
308</div>
309
310<script>
311    $(document).ready(function () {
312        if (localStorage.getItem('acceptCookie') === null) {
313            $(".banner-cookies-wrapper").fadeIn(400)
314        }
315
316        $("#accept-button").click(function () {
317            localStorage.setItem('acceptCookie', 'true')
318            $(".banner-cookies-wrapper").fadeOut(400)
319        })
320    })
321</script>
321
322
323
324
325
326
327
328
329    <div class="wrapper">
330        <div id="modal_container"></div>
331        <div id="data_completion_modal_container"></div>
332
333<script src="/scripts/Notification/Notification.js"></script>
333
334    <div class="headerLarge">
335        <div class="headerBackground"></div>
336        <div class="header">
337
338            <div class="leftContainer">
339
340    <div class="headerMenuItem headerButton">
341        <a href="/">
342            <img id="logoLooke" onerror="this.src='/content/images/looke_txt.png'" src="">
343        </a>
344    </div>
345
346</div>
347
348<script>
349    var gdrUrl = "https://static-assets.ottvs.com.br/looke/route_overrides_tv.json";
350
351    $.get(gdrUrl + "?" + Math.random(), function (data) {
352        var jsonData = JSON.parse(data);
353        $("#logoLooke").attr("src", jsonData.LogoAppRebrand);
354    }); 
355
356        $('a[href="/movies/acao"]').on('click', function () {
357        sendEventHeader('Clicou em A&#xE7;&#xE3;o');
358        });
359        $('a[href="/movies/animacao-looke"]').on('click', function () {
360        sendEventHeader('Clicou em Anima&#xE7;&#xE3;o');
361        });
362        $('a[href="/movies/aventura"]').on('click', function () {
363        sendEventHeader('Clicou em Aventura');
364        });
365        $('a[href="/movies/classicos"]').on('click', function () {
366        sendEventHeader('Clicou em Cl&#xE1;ssicos');
367        });
368        $('a[href="/movies/comedia"]').on('click', function () {
369        sendEventHeader('Clicou em Com&#xE9;dia');
370        });
371        $('a[href="/movies/curtas"]').on('click', function () {
372        sendEventHeader('Clicou em Curtas');
373        });
374        $('a[href="/movies/documentarios"]').on('click', function () {
375        sendEventHeader('Clicou em Document&#xE1;rios');
376        });
377        $('a[href="/movies/drama"]').on('click', function () {
378        sendEventHeader('Clicou em Drama');
379        });
380        $('a[href="/movies/ficcao-cientifica"]').on('click', function () {
381        sendEventHeader('Clicou em Fic&#xE7;&#xE3;o Cient&#xED;fica');
382        });
383        $('a[href="/movies/infantil"]').on('click', function () {
384        sendEventHeader('Clicou em Infantil');
385        });
386        $('a[href="/movies/policial"]').on('click', function () {
387        sendEventHeader('Clicou em Policial');
388        });
389        $('a[href="/movies/fe-e-espiritualidade"]').on('click', function () {
390        sendEventHeader('Clicou em F&#xE9; e Espiritualidade');
391        });
392        $('a[href="/movies/romance"]').on('click', function () {
393        sendEventHeader('Clicou em Romance');
394        });
395        $('a[href="/movies/suspense"]').on('click', function () {
396        sendEventHeader('Clicou em Suspense');
397        });
398        $('a[href="/movies/terror"]').on('click', function () {
399        sendEventHeader('Clicou em Terror');
400        });
401        $('a[href="/movies/series-do-looke"]').on('click', function () {
402        sendEventHeader('Clicou em S&#xE9;ries');
403        });
404</script>
404
405
406
407            <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
408
409<div class="rightContainer">
410    
411        <div class="header-button-subscribeNow" onclick="javascript: location.href = '/flow'; Helpers.showLoading();"><a href="#" onclick="javascript:return false;">Assine já</a></div>
412
413        <div class="header-button header-button-login" onclick="javascript: Helpers.showLogin(); return false;"><a href="#" onclick="javascript:return false;">Entrar</a></div>
414</div>
415
416
417
418        </div>
419    </div>
420
421
422<div class="headerSpace"></div>
423
424<script>
425
426    window.addEventListener("scroll", () => {
427        const scrollTop = window.scrollY;
428        const headerBg = document.querySelector(".headerBackground");
429
430        const maxScroll = 300;
431        let opacity = Math.min(scrollTop / maxScroll, 0.9);
432
433        headerBg.style.backgroundColor = `rgba(0, 0, 0, ${opacity})`;
434        headerBg.style.boxShadow = `0 2px 10px rgba(0, 0, 0, ${opacity})`;
435    });
436
437    function toggleFree() {
438        Helpers.showLoading();
439        window.location.href = "/videoclub";
440    }
441    Helpers.setCriteria("A");
442
443    $(document).ready(function () {
444        $('.searchtextbox').on('keyup', function (e) {
445            if (e.which === 13) {
446                search();
447                e.preventDefault();
448            }
449        });
450        $('#lupa').on('click', function () {
451            search();
452        });
453
454        Helpers.startCriterias();
455
456            $(".settingsLateralMenu #menu-item-genero").click(function () {
457                $(".menuDestaque div").removeClass("showMenu");
458                $(".menuGenero div").addClass("showMenu");
459                $(".settingsLateralMenu #menu-item-destaque").removeClass("MenuShow");
460                $(this).addClass("MenuShow");
461            })
462        $(".settingsLateralMenu #menu-item-destaque").click(function () {
463            $(".menuGenero div").removeClass("showMenu");
464            $(".menuDestaque div").addClass("showMenu");
465            $(".settingsLateralMenu #menu-item-genero").removeClass("MenuShow");
466            $(this).addClass("MenuShow");
467        })
468
469    });
470
471    function sendEventHeader($label) {
472        try {
473            GoogleAnalytics.sendEvent({
474                category: "UX Menu",
475                action: "click",
476                label: $label
477            })
478        } catch (e) {
479            //
480        }
481    }
482    $('.notificationButtom').on('click', function () {
483        if ($(".notifications").is(":visible")) $(".notifications").fadeOut(100);
484        else {
485            sendEventHeader('Clicou em Notificações');
486            $(".notifications").fadeIn(200);
487        }
488    })
489    $('#menu-item-alguelcompra').on('click', function () {
490        sendEventHeader('Clicou em Aluguel e Compra');
491    });
492    $('#menu-item-experimente').on('click', function () {
493        sendEventHeader('Clicou em Experimente Grátis');
494    });
495    $('#menu-item-assinantes').on('click', function () {
496        sendEventHeader('Clicou em Assinantes');
497    });
498    $('#menu-item-gratis').on('click', function () {
499        sendEventHeader('Clicou em Grátis');
500    });
501    $('#menu-item-assineja').on('click', function () {
502        sendEventHeader('Clicou em Assine já');
503    });
504    $('#menu-item-genero').mouseover(function () {
505        sendEventHeader('Passou o mouse em Gênero');
506    });
507    $('#menu-item-destaque').mouseover(function () {
508        sendEventHeader('Passou o mouse em Destaque');
509    });
510    $('#menu-item-filmespara').mouseover(function () {
511        sendEventHeader('Passou o mouse em Filmes para');
512    });
513    $('#menu-item-kids').on('click', function () {
514        sendEventHeader('Clicou em Kids');
515    });
516    $('#menu-item-musicas').on('click', function () {
517        sendEventHeader('Clicou em Músicas');
518    });
519    $('.headerMenuItensTitle').on('click', function () {
520        sendEventHeader('Clicou no título de classificação');
521    });
522    $('a[href="/clips"]').on('click', function () {
523        sendEventHeader('Clicou em Clips');
524    });
525
526    function stripAccents(value) {
527        var checkedNew = value.replace(/[^A-Za-z0-9áàâãéèêíïóôõöúçñÁÀÂÃÉÈÍÏÓÔÕÖÚÇÑ\- ]/g, " ");
528        checkedNew = checkedNew.replace(/\s{2,}/g, ' ');
529        checkedNew = checkedNew.trim();
530        return checkedNew;
531    }
532
533    function search() {
534        window.location = '/search/' + stripAccents($('.searchtextbox').val());
535    }
536
537    function changeFilter() {
538        var svod = $(".containerMenuFilter #svod").attr("checked") == "checked" ? "F" : "";
539        var tvod = $(".containerMenuFilter #tvod").attr("checked") == "checked" ? "P" : "";
540        var criteria = svod + tvod;
541        Helpers.setCriteria(criteria);
542        scrollToMedias();
543    }
544    function scrollToMedias() {
545        if ($(window).scrollTop() < $("#owl-demo").height() + $(".helpLooke").height()) {
546            var scrollHeight = ($("#owl-demo").height() + $(".helpLooke").height())
547            $("html, body").stop().animate({ scrollTop: scrollHeight }, '400', 'swing');
548        }
549    }
550
551</script>
551
552
553        
554
555<script>
556    $(document).ready(function () {
557        var userIsLoggedIn = false;
558
559        //Puxar cookie LOOKE (registrado sempre após o usuário realizar o login)
560        var loggedIndata = Helpers.getCookie('LOOKE');
561
562        //Se existir...
563        if (loggedIndata) {
564
565            //Expressão regular para ler o cookie
566            var regLoggedInPattern = /encuserid\=(?<euid>.*)\&planid\=(?<pid>\d{1,})\&subplanid\=(?<spid>\d{1,})&login.firstname\=(?<n>.*)\&fullname\=(?<fn>.*)\&email\=(?<em>.*)/gi;
567            var userIsLoggedIn = regLoggedInPattern.test(loggedIndata);
568
569            //Se o cookie estiver corretamente preenchido
570            if (userIsLoggedIn)
571                registerCurrentDevice();
572        }
573    });
574
575    function registerCurrentDevice() {
576        var deviceId = Helpers.getCookie('dv');
577
578        if (!deviceId) {
579            var deviceId = Helpers.GuidBuilder.newGuid();
580            Helpers.setCookie('dv', deviceId, 3650);
581        }
582
583        $('#machineId').html(deviceId);
584        $.ajaxSetup({ cache: false });
585
586        $.getJSON("/Account/IsRegistered?d=" + deviceId, function (result) {
587            if (result.status == 'NOK') {
588                var deviceInfo = {
589                    clientId: deviceId,
590                    alias: 'LOOKE-SITE-AUTH'
591                };
592                $.post('/Account/RegisterDevice', deviceInfo, function (result) { });
593            }
594        });
595    }
596</script>
596
597
598<script src="../scripts/Banner/bootstrap-collapse.js"></script>
vendor: 1 bytes, line 598
598
599<script src="../scripts/Banner/bootstrap-transition.js"></script>
vendor: 1 bytes, line 599
599
600<script src="../scripts/Banner/bootstrap-tab.js"></script>
vendor: 1 bytes, line 600
600
601<script src="../scripts/Banner/owl.carousel.min.js"></script>
vendor: 1 bytes, line 601
601
602<script src="../scripts/Banner/google-code-prettify/prettify.js"></script>
vendor: 1 bytes, line 602
602
603<script src="../scripts/Banner/application.js"></script>
603
604
605<link href="../content/banner/owl.carousel.min.css" rel="stylesheet">
606<link href="../content/banner/owl.theme.default.min.css" rel="stylesheet">
607<link href="../content/banner/owl.transitions.css" rel="stylesheet">
608
609<style>
610    .movie-info-background {
611        width: 100%;
612        height: 370px;
613        position: absolute;
614        left: 0;
615        opacity: 0.2;
616        background-size: cover;
617        background-position: top;
618    }
619
620    .icon icon-angle-right {
621    }
622</style>
623
624
625<div style="background-color: #031532;" class="wrapper-sectionlist wrapper-landingPage" id="sectionLocationList" data-sectionlocationid="9142">
626    <div id="page0">
627
628    <div class="" style="background-color:">
629
630<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7115" style="z-index: 10;">
631    <div class="item">
632        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
633            <img src="https://resources-01.ottvs.com.br/banner/8ed2ee48-fb86-4392-9b1c-f352a2ecce44.png">
634        </div>
635    </div>
636
637 
638</div>
639
640<script type="text/javascript">
641   //$(document).ready(function () {
642    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
643    statePadingValue = isMobile ? 10 : 30
644
645    carouselConfig = {
646        nav: isMobile ? false : true, // Show next and prev buttons
647        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
648        slideSpeed: 300,
649        navSpeed: 800,
650        margin: 50,
651        stagePadding: $(".page-home").length ? statePadingValue : 0,
652        items: 1,
653        loop: true,
654        autoplay: true,
655        navigationText: ["", ""],
656        afterInit: function (elem) {
657            var that = this
658            that.owlControls.prependTo(elem)
659        }
660    }
661        
662    carouselConfig.animateOut = '';
663    carouselConfig.autoplayTimeout = (8) * 1000;
664
665    $(".owl-id-7115").owlCarousel(carouselConfig),
666    $('.owl-id- .owl-pagination').addClass("hideSmall");
667
668    //});
669</script>
669
670    </div>
671    <div class="" style="background-color:">
672
673<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7026" style="z-index: 10;">
674    <div class="item">
675        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
676            <img src="https://resources-01.ottvs.com.br/banner/1ddb4137-8d14-430a-9536-6d231ec731a0.png">
677        </div>
678    </div>
679
680 
681</div>
682
683<script type="text/javascript">
684   //$(document).ready(function () {
685    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
686    statePadingValue = isMobile ? 10 : 30
687
688    carouselConfig = {
689        nav: isMobile ? false : true, // Show next and prev buttons
690        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
691        slideSpeed: 300,
692        navSpeed: 800,
693        margin: 50,
694        stagePadding: $(".page-home").length ? statePadingValue : 0,
695        items: 1,
696        loop: true,
697        autoplay: true,
698        navigationText: ["", ""],
699        afterInit: function (elem) {
700            var that = this
701            that.owlControls.prependTo(elem)
702        }
703    }
704        
705    carouselConfig.animateOut = '';
706    carouselConfig.autoplayTimeout = (8) * 1000;
707
708    $(".owl-id-7026").owlCarousel(carouselConfig),
709    $('.owl-id- .owl-pagination').addClass("hideSmall");
710
711    //});
712</script>
712
713    </div>
714    <div class="" style="background-color:#000000">
715<div class="frame-holder">
716    <div class="frame-center">
717        <div class="mediaCarousel sectionStyle_1" carrousel-id='7118' id="media-7118" style="">
718                <a class="carousel_title_panel" href="/movies/filmes-te-esperando">
719                    <div>Sempre existe um filme esperando por voc&#xEA;</div>   
720                </a>
721            <div class="frame-container">
722                <div class="carousel_loader" style="display: none">
723                    <div class="carousel_loader_img"></div>
724                </div>
725                <div onmousemove="Carousel.closeHover()" onclick="Carousel.scrollLeft(event, $(this).parent().find('ul'))" class="frame-left" style="display:none">
726                    <div class="frame-left-arrow"></div>
727                </div>
728                <div onmouseover="Carousel.closeHover()" onclick="Carousel.scrollRight(event, $(this).parent().find('ul'))" class="frame-right" >
729                    <div class="frame-right-arrow"></div>
730                </div>
731                <div class="frame"
732                     onmousedown="Carousel.initScrool(event, $(this).find('ul'))"
733                     onmouseup="Carousel.completeScrool(event, $(this).find('ul'))"
734                     onmousemove="Carousel.moveScrool();">
735                            <ul class="items" id="Id-70b3d2ea-8365-474a-8dc4-93376e74b364">
736                                <input type="hidden" class="sectionId" value="7118" />
737                                <input type="hidden" class="lastPage" value="0" />
738                                <input type="hidden" class="totalRecords" value="24" />
739                                <input type="hidden" class="sectionStyle" value="1" />
740
741<style>
742    .remove-icon {
743        position: absolute;
744        top: 10px;
745        left: 10px;
746        display: flex;
747        align-items: center;
748        opacity: 0;
749        transition: opacity 0.3s ease;
750    }
751    .remove-icon img {
752        width: 30px; 
753        height: 30px;
754        background-color: rgba(0, 0, 0, 0.7);
755        border-radius: 5px;
756    }
757    .remove-icon span {
758        font-size: 14px;
759        color: #fff;
760        background-color: rgba(0, 0, 0, 0.7);
761        padding: 5px;
762        border-radius: 3px;
763        margin-left: 30px;
764        display: none;
765    }
766    .media-image:hover .remove-icon {
767        opacity: 1;
768    }
769    .remove-icon:hover span {
770        display: inline-block; 
771    }
772    .modal {
773        display: none; 
774        position: fixed;
775        z-index: 10000;
776        left: 0;
777        top: 0;
778        width: 100%;
779        height: 100%;
780        background-color: rgba(0, 0, 0, 0.5);
781    }
782    .modal-content {
783        background-color: white;
784        margin: 15% auto;
785        padding: 20px;
786        border: 1px solid #888;
787        width: 30%;
788        text-align: center;
789        position: relative;
790        color: #444;
791        z-index: 10;
792    }
793    .close {
794        position: absolute;
795        top: 10px;
796        right: 15px;
797        font-size: 20px;
798        font-weight: bold;
799        cursor: pointer;
800    }
801    button {
802        margin: 10px;
803        padding: 10px 20px;
804        cursor: pointer;
805    }
806    button#btnCancelar {
807        background-color: transparent;
808        color: black;
809        border: none;
810    }
811</style>
812
813<li itemscope itemtype="http://schema.org/ItemList" mediaid="433144">
814    <div class="mediaContainer media-style"
815         onmousemove="Hover.checkHoverPosition(event, $(this))"
816         onmouseout="Hover.mobileOut(event, $(this))"
817         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
818        <div class="item_loader"></div>
819        <div class="priceContainer">
820        </div>
821        <div class="mediaHover">
822            <div class="hoverContainerInfo">
823                <div>
824                    <div class="hoverTitle">
825                        <div class="hoverTextTitle">Dentes de Leite</div>
826                            <div class="hoverInfoTitle">2024 (1h 37m)</div>
827                    </div>
828                </div>
829                <div class="hoverContainerAge">
830                    <div class="hoverAge movie-age movie-age-A14"></div>
831                    <div class="hoverInfo">
832                        <div class="movie-captionContainer">
833                                <div class="movie-caption">Dublado</div>
834                                <div class="movie-caption">Legendado</div>
835                        </div>
836                        <div class="hoverGenre">
837                            Suspense, Drama
838                        </div>
839                    </div>
840                </div>
841            </div>
842        </div>
843        <div class="mediaCover">
844           
845            <div class="media-image">
846                <div class="nameMedia" itemprop="name">Dentes de Leite</div>
847                <video onclick="Hover.details('/detalhes/433144')" muted loop src=""></video>
848                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
849
850                            <img draggable="false" onclick="Hover.details('/detalhes/433144')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Dentes de Leite" src="https://images-01.ottvs.c
850om.br/0433144/0433144_335.jpg" loading="lazy" />
851                            <img draggable="false" onclick="Hover.details('/detalhes/433144')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Dentes de Leite" src="https://images-01.ottvs.com.br/0433144/looke_1010_670.jpg" loading="lazy" />
852
853                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0433144/0433144.mp4" />
854                    <div class="mediaProgressBar" style="display: none">
855                        <div class="baseBar"></div>
856                        <div class="percentBar" style="width: 0%"></div>
857                    </div>
858                </div>
859            <div class="mediaSynopsi">
860    @ -299,21 +288,10 @ button#btnCancelar {
861  
862                <div class="buttons">
863                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
864                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/433144&amp;t=Dentes%20de%20Leite");' class="buttom" data-type="facebook">
865                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
866                    </div>
867                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/433144&amp;text=Dentes%20de%20Leite");' class="buttom" data-type="twitter">
868                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
869                    </div>
870                </div>
871                <div class="text">
872                    <div><strong>Dentes de Leite</strong></div>
873                    <div>Skalde tenta convencer o l&#xED;der de uma comunidade a aceitar uma forasteira encontrada na floresta.</div>
874                </div>
875            </div>
876        </div>
877            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
878    </div>
879</li>
880
881<script>
882    var IdItemSelected;
883
884function onDeleteItem(idItem) {
885    IdItemSelected = idItem;
886    $('#modalConfirmacao').show();
887}
888    $(document).ready(function() {
889        $('.close, #btnCancelar').unbind('click')
890        $('.close, #btnCancelar').click(function() {
891            $('#modalConfirmacao').hide();
892        });
893
894        $('#btnConfirmar').unbind('click')
895        $('#btnConfirmar').click(function() {
896            Helpers.showLoading();
897             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
898                $(`[mediaid=${IdItemSelected}]`).fadeOut();
899                $('#modalConfirmacao').hide();
900            }).done(function (response) {
901                if (JSON.parse(response).response.toLowerCase() == "true") {
902                    location.reload();
903                }
904                else{
905                    Helpers.hideLoading();
906                }
907            }).fail(function (erro) {
908               console.log(erro.responseText)
909            });
910        });
911    });
912</script>
912
913
914<style>
915    .remove-icon {
916        position: absolute;
917        top: 10px;
918        left: 10px;
919        display: flex;
920        align-items: center;
921        opacity: 0;
922        transition: opacity 0.3s ease;
923    }
924    .remove-icon img {
925        width: 30px; 
926        height: 30px;
927        background-color: rgba(0, 0, 0, 0.7);
928        border-radius: 5px;
929    }
930    .remove-icon span {
931        font-size: 14px;
932        color: #fff;
933        background-color: rgba(0, 0, 0, 0.7);
934        padding: 5px;
935        border-radius: 3px;
936        margin-left: 30px;
937        display: none;
938    }
939    .media-image:hover .remove-icon {
940        opacity: 1;
941    }
942    .remove-icon:hover span {
943        display: inline-block; 
944    }
945    .modal {
946        display: none; 
947        position: fixed;
948        z-index: 10000;
949        left: 0;
950        top: 0;
951        width: 100%;
952        height: 100%;
953        background-color: rgba(0, 0, 0, 0.5);
954    }
955    .modal-content {
956        background-color: white;
957        margin: 15% auto;
958        padding: 20px;
959        border: 1px solid #888;
960        width: 30%;
961        text-align: center;
962        position: relative;
963        color: #444;
964        z-index: 10;
965    }
966    .close {
967        position: absolute;
968        top: 10px;
969        right: 15px;
970        font-size: 20px;
971        font-weight: bold;
972        cursor: pointer;
973    }
974    button {
975        margin: 10px;
976        padding: 10px 20px;
977        cursor: pointer;
978    }
979    button#btnCancelar {
980        background-color: transparent;
981        color: black;
982        border: none;
983    }
984</style>
985
986<li itemscope itemtype="http://schema.org/ItemList" mediaid="424198">
987    <div class="mediaContainer media-style"
988         onmousemove="Hover.checkHoverPosition(event, $(this))"
989         onmouseout="Hover.mobileOut(event, $(this))"
990         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
991        <div class="item_loader"></div>
992        <div class="priceContainer">
993        </div>
994        <div class="mediaHover">
995            <div class="hoverContainerInfo">
996                <div>
997                    <div class="hoverTitle">
998                        <div class="hoverTextTitle">Dr. Semmelweis</div>
999                            <div class="hoverInfoTitle">2023 (2h 7m)</div>
1000                    </div>
1001                </div>
1002                <div class="hoverContainerAge">
1003                    <div class="hoverAge movie-age movie-age-A12"></div>
1004                    <div class="hoverInfo">
1005                        <div class="movie-captionContainer">
1006                                <div class="movie-caption">Dublado</div>
1007                                <div class="movie-caption">Legendado</div>
1008                        </div>
1009                        <div class="hoverGenre">
1010                            Drama, Hist&#xF3;ria
1011                        </div>
1012                    </div>
1013                </div>
1014            </div>
1015        </div>
1016        <div class="mediaCover">
1017           
1018            <div class="media-image">
1019                <div class="nameMedia" itemprop="name">Dr. Semmelweis</div>
1020                <video onclick="Hover.details('/detalhes/424198')" muted loop src=""></video>
1021                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
1022
1023                            <img draggable="false" onclick="Hover.details('/detalhes/424198')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Dr. Semmelweis" src="https://images-01.ottvs.com.br/0424198/0424198_335.jpg" loading="lazy" />
1024                            <img draggable="false" onclick="Hover.details('/detalhes/424198')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Dr. Semmelweis" src="https://images-01.ottvs.com.br/0424198/looke_1010_670.jpg" loading="lazy" />
1025
1026                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0424198/0424198.mp4" />
1027                    <div class="mediaProgressBar" style="display: none">
1028                        <div class="baseBar"></div>
1029                        <div class="percentBar" style="width: 0%"></div>
1030                    </div>
1031                </div>
1032            <div class="mediaSynopsi">
1033    @ -299,21 +288,10 @ button#btnCancelar {
1034  
1035                <div class="buttons">
1036                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
1037                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424198&amp;t=Dr.%20Semmelweis");' class="buttom" data-type="facebook">
1038                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
1039                    </div>
1040                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424198&amp;text=Dr.%20Semmelweis");' class="buttom" data-type="twitter">
1041                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
1042                    </div>
1043                </div>
1044                <div class="text">
1045                    <div><strong>Dr. Semmelweis</strong></div>
1046                    <div>Na tentativa de salvar futuras m&#xE3;es, um m&#xE9;dico decide contrariar as teorias tradicionais da &#xE9;poca.</div>
1047                </div>
1048            </div>
1049        </div>
1050            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
1051    </div>
1052</li>
1053
1054<script>
1055    var IdItemSelected;
1056
1057function onDeleteItem(idItem) {
1058    IdItemSelected = idItem;
1059    $('#modalConfirmacao').show();
1060}
1061    $(document).ready(function() {
1062        $('.close, #btnCancelar').unbind('click')
1063        $('.close, #btnCancelar').click(function() {
1064            $('#modalConfirmacao').hide();
1065        });
1066
1067        $('#btnConfirmar').unbind('click')
1068        $('#btnConfirmar').click(function() {
1069            Helpers.showLoading();
1070             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
1071                $(`[mediaid=${IdItemSelected}]`).fadeOut();
1072                $('#modalConfirmacao').hide();
1073            }).done(function (response) {
1074                if (JSON.parse(response).response.toLowerCase() == "true") {
1075                    location.reload();
1076                }
1077                else{
1078                    Helpers.hideLoading();
1079                }
1080            }).fail(function (erro) {
1081               console.log(erro.responseText)
1082            });
1083        });
1084    });
1085</script>
1085
1086
1087<style>
1088    .remove-icon {
1089        position: absolute;
1090        top: 10px;
1091        left: 10px;
1092        display: flex;
1093        align-items: center;
1094        opacity: 0;
1095        transition: opacity 0.3s ease;
1096    }
1097    .remove-icon img {
1098        width: 30px; 
1099        height: 30px;
1100        background-color: rgba(0, 0, 0, 0.7);
1101        border-radius: 5px;
1102    }
1103    .remove-icon span {
1104        font-size: 14px;
1105        color: #fff;
1106        background-color: rgba(0, 0, 0, 0.7);
1107        padding: 5px;
1108        border-radius: 3px;
1109        margin-left: 30px;
1110        display: none;
1111    }
1112    .media-image:hover .remove-icon {
1113        opacity: 1;
1114    }
1115    .remove-icon:hover span {
1116        display: inline-block; 
1117    }
1118    .modal {
1119        display: none; 
1120        position: fixed;
1121        z-index: 10000;
1122        left: 0;
1123        top: 0;
1124        width: 100%;
1125        height: 100%;
1126        background-color: rgba(0, 0, 0, 0.5);
1127    }
1128    .modal-content {
1129        background-color: white;
1130        margin: 15% auto;
1131        padding: 20px;
1132        border: 1px solid #888;
1133        width: 30%;
1134        text-align: center;
1135        position: relative;
1136        color: #444;
1137        z-index: 10;
1138    }
1139    .close {
1140        position: absolute;
1141        top: 10px;
1142        right: 15px;
1143        font-size: 20px;
1144        font-weight: bold;
1145        cursor: pointer;
1146    }
1147    button {
1148        margin: 10px;
1149        padding: 10px 20px;
1150        cursor: pointer;
1151    }
1152    button#btnCancelar {
1153        background-color: transparent;
1154        color: black;
1155        border: none;
1156    }
1157</style>
1158
1159<li itemscope itemtype="http://schema.org/ItemList" mediaid="392160">
1160    <div class="mediaContainer media-style"
1161         onmousemove="Hover.checkHoverPosition(event, $(this))"
1162         onmouseout="Hover.mobileOut(event, $(this))"
1163         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
1164        <div class="item_loader"></div>
1165        <div class="priceContainer">
1166        </div>
1167        <div class="mediaHover">
1168            <div class="hoverContainerInfo">
1169                <div>
1170                    <div class="hoverTitle">
1171                        <div class="hoverTextTitle">At&#xE9; Que a Vida Nos Separe</div>
1172                            <div class="hoverInfoTitle">2023 (1h 28m)</div>
1173                    </div>
1174                </div>
1175                <div class="hoverContainerAge">
1176                    <div class="hoverAge movie-age movie-age-A16"></div>
1177                    <div class="hoverInfo">
1178                        <div class="movie-captionContainer">
1179                                <div class="movie-caption">Dublado</div>
1180                                <div class="movie-caption">Legendado</div>
1181                        </div>
1182                        <div class="hoverGenre">
1183                            Drama, Romance
1184                        </div>
1185                    </div>
1186                </div>
1187            </div>
1188        </div>
1189        <div class="mediaCover">
1190           
1191            <div class="media-image">
1192                <div class="nameMedia" itemprop="name">At&#xE9; Que a Vida Nos Separe</div>
1193                <video onclick="Hover.details('/detalhes/392160')" muted loop src=""></video>
1194                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
1195
1196                            <img draggable="false" onclick="Hover.details('/detalhes/392160')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="At&#xE9; Que a Vida Nos Separe" src="https://images-01.ottvs.com.br/0392160/0392160_335.jpg" loading="lazy" />
1197                            <img draggable="false" onclick="Hover.details('/detalhes/392160')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="At&#xE9; Que a Vida Nos Separe" src="https://images-01.ottvs.com.br/0392160/looke_1010_670.jpg" loading="lazy" />
1198
1199                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
1199om.br/0392160/0392160.mp4" />
1200                    <div class="mediaProgressBar" style="display: none">
1201                        <div class="baseBar"></div>
1202                        <div class="percentBar" style="width: 0%"></div>
1203                    </div>
1204                </div>
1205            <div class="mediaSynopsi">
1206    @ -299,21 +288,10 @ button#btnCancelar {
1207  
1208                <div class="buttons">
1209                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
1210                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/392160&amp;t=At%C3%A9%20Que%20a%20Vida%20Nos%20Separe");' class="buttom" data-type="facebook">
1211                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
1212                    </div>
1213                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/392160&amp;text=At%C3%A9%20Que%20a%20Vida%20Nos%20Separe");' class="buttom" data-type="twitter">
1214                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
1215                    </div>
1216                </div>
1217                <div class="text">
1218                    <div><strong>At&#xE9; Que a Vida Nos Separe</strong></div>
1219                    <div>Katia e Justine s&#xE3;o duas mulheres que se apaixonam e resolvem ter um beb&#xEA; juntas, mas assim que Katia fica gr&#xE1;vida, Justine decide acabar com a rela&#xE7;&#xE3;o.</div>
1220                </div>
1221            </div>
1222        </div>
1223            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
1224    </div>
1225</li>
1226
1227<script>
1228    var IdItemSelected;
1229
1230function onDeleteItem(idItem) {
1231    IdItemSelected = idItem;
1232    $('#modalConfirmacao').show();
1233}
1234    $(document).ready(function() {
1235        $('.close, #btnCancelar').unbind('click')
1236        $('.close, #btnCancelar').click(function() {
1237            $('#modalConfirmacao').hide();
1238        });
1239
1240        $('#btnConfirmar').unbind('click')
1241        $('#btnConfirmar').click(function() {
1242            Helpers.showLoading();
1243             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
1244                $(`[mediaid=${IdItemSelected}]`).fadeOut();
1245                $('#modalConfirmacao').hide();
1246            }).done(function (response) {
1247                if (JSON.parse(response).response.toLowerCase() == "true") {
1248                    location.reload();
1249                }
1250                else{
1251                    Helpers.hideLoading();
1252                }
1253            }).fail(function (erro) {
1254               console.log(erro.responseText)
1255            });
1256        });
1257    });
1258</script>
1258
1259
1260<style>
1261    .remove-icon {
1262        position: absolute;
1263        top: 10px;
1264        left: 10px;
1265        display: flex;
1266        align-items: center;
1267        opacity: 0;
1268        transition: opacity 0.3s ease;
1269    }
1270    .remove-icon img {
1271        width: 30px; 
1272        height: 30px;
1273        background-color: rgba(0, 0, 0, 0.7);
1274        border-radius: 5px;
1275    }
1276    .remove-icon span {
1277        font-size: 14px;
1278        color: #fff;
1279        background-color: rgba(0, 0, 0, 0.7);
1280        padding: 5px;
1281        border-radius: 3px;
1282        margin-left: 30px;
1283        display: none;
1284    }
1285    .media-image:hover .remove-icon {
1286        opacity: 1;
1287    }
1288    .remove-icon:hover span {
1289        display: inline-block; 
1290    }
1291    .modal {
1292        display: none; 
1293        position: fixed;
1294        z-index: 10000;
1295        left: 0;
1296        top: 0;
1297        width: 100%;
1298        height: 100%;
1299        background-color: rgba(0, 0, 0, 0.5);
1300    }
1301    .modal-content {
1302        background-color: white;
1303        margin: 15% auto;
1304        padding: 20px;
1305        border: 1px solid #888;
1306        width: 30%;
1307        text-align: center;
1308        position: relative;
1309        color: #444;
1310        z-index: 10;
1311    }
1312    .close {
1313        position: absolute;
1314        top: 10px;
1315        right: 15px;
1316        font-size: 20px;
1317        font-weight: bold;
1318        cursor: pointer;
1319    }
1320    button {
1321        margin: 10px;
1322        padding: 10px 20px;
1323        cursor: pointer;
1324    }
1325    button#btnCancelar {
1326        background-color: transparent;
1327        color: black;
1328        border: none;
1329    }
1330</style>
1331
1332<li itemscope itemtype="http://schema.org/ItemList" mediaid="409493">
1333    <div class="mediaContainer media-style"
1334         onmousemove="Hover.checkHoverPosition(event, $(this))"
1335         onmouseout="Hover.mobileOut(event, $(this))"
1336         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
1337        <div class="item_loader"></div>
1338        <div class="priceContainer">
1339        </div>
1340        <div class="mediaHover">
1341            <div class="hoverContainerInfo">
1342                <div>
1343                    <div class="hoverTitle">
1344                        <div class="hoverTextTitle">Um Estranho Segredo</div>
1345                            <div class="hoverInfoTitle">2021 (1h 30m)</div>
1346                    </div>
1347                </div>
1348                <div class="hoverContainerAge">
1349                    <div class="hoverAge movie-age movie-age-A16"></div>
1350                    <div class="hoverInfo">
1351                        <div class="movie-captionContainer">
1352                                <div class="movie-caption">Dublado</div>
1353                                <div class="movie-caption">Legendado</div>
1354                        </div>
1355                        <div class="hoverGenre">
1356                            Suspense, Terror
1357                        </div>
1358                    </div>
1359                </div>
1360            </div>
1361        </div>
1362        <div class="mediaCover">
1363           
1364            <div class="media-image">
1365                <div class="nameMedia" itemprop="name">Um Estranho Segredo</div>
1366                <video onclick="Hover.details('/detalhes/409493')" muted loop src=""></video>
1367                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
1368
1369                                <img
1370                                    draggable="false"
1371                                    loading="lazy"
1372                                    onclick="Hover.details('/detalhes/409493')"
1373                                    onerror="this.src=''; this.onerror = null;"
1374                                    class="imgStyle_landscape imgBase"
1375                                    itemprop="image"
1376                                    alt="Um Estranho Segredo"
1377                                    src="https://images-01.ottvs.com.br/0409493/0409493_335.jpg"
1378                                    onload="$(this).fadeIn();"
1379                                />
1380
1381                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0409493/0409493.mp4" />
1382                    <div class="mediaProgressBar" style="display: none">
1383                        <div class="baseBar"></div>
1384                        <div class="percentBar" style="width: 0%"></div>
1385                    </div>
1386                </div>
1387            <div class="mediaSynopsi">
1388    @ -299,21 +288,10 @ button#btnCancelar {
1389  
1390                <div class="buttons">
1391                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
1392                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/409493&amp;t=Um%20Estranho%20Segredo");' class="buttom" data-type="facebook">
1393                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
1394                    </div>
1395                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/409493&amp;text=Um%20Estranho%20Segredo");' class="buttom" data-type="twitter">
1396                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
1397                    </div>
1398                </div>
1399                <div class="text">
1400                    <div><strong>Um Estranho Segredo</strong></div>
1401                    <div>Para celebrar a compra de sua nova casa e o seu anivers&#xE1;rio, Adam e sua esposa convidam um casal de amigos para jantar. Mas ap&#xF3;s um grupo de pessoas mascaradas invadir sua casa, o que era para ser uma comemora&#xE7;&#xE3;o entre amigos se transforma em uma noite de terror.</div>
1402                </div>
1403            </div>
1404        </div>
1405            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
1406    </div>
1407</li>
1408
1409<script>
1410    var IdItemSelected;
1411
1412function onDeleteItem(idItem) {
1413    IdItemSelected = idItem;
1414    $('#modalConfirmacao').show();
1415}
1416    $(document).ready(function() {
1417        $('.close, #btnCancelar').unbind('click')
1418        $('.close, #btnCancelar').click(function() {
1419            $('#modalConfirmacao').hide();
1420        });
1421
1422        $('#btnConfirmar').unbind('click')
1423        $('#btnConfirmar').click(function() {
1424            Helpers.showLoading();
1425             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
1426                $(`[mediaid=${IdItemSelected}]`).fadeOut();
1427                $('#modalConfirmacao').hide();
1428            }).done(function (response) {
1429                if (JSON.parse(response).response.toLowerCase() == "true") {
1430                    location.reload();
1431                }
1432                else{
1433                    Helpers.hideLoading();
1434                }
1435            }).fail(function (erro) {
1436               console.log(erro.responseText)
1437            });
1438        });
1439    });
1440</script>
1440
1441
1442<style>
1443    .remove-icon {
1444        position: absolute;
1445        top: 10px;
1446        left: 10px;
1447        display: flex;
1448        align-items: center;
1449        opacity: 0;
1450        transition: opacity 0.3s ease;
1451    }
1452    .remove-icon img {
1453        width: 30px; 
1454        height: 30px;
1455        background-color: rgba(0, 0, 0, 0.7);
1456        border-radius: 5px;
1457    }
1458    .remove-icon span {
1459        font-size: 14px;
1460        color: #fff;
1461        background-color: rgba(0, 0, 0, 0.7);
1462        padding: 5px;
1463        border-radius: 3px;
1464        margin-left: 30px;
1465        display: none;
1466    }
1467    .media-image:hover .remove-icon {
1468        opacity: 1;
1469    }
1470    .remove-icon:hover span {
1471        display: inline-block; 
1472    }
1473    .modal {
1474        display: none; 
1475        position: fixed;
1476        z-index: 10000;
1477        left: 0;
1478        top: 0;
1479        width: 100%;
1480        height: 100%;
1481        background-color: rgba(0, 0, 0, 0.5);
1482    }
1483    .modal-content {
1484        background-color: white;
1485        margin: 15% auto;
1486        padding: 20px;
1487        border: 1px solid #888;
1488        width: 30%;
1489        text-align: center;
1490        position: relative;
1491        color: #444;
1492        z-index: 10;
1493    }
1494    .close {
1495        position: absolute;
1496        top: 10px;
1497        right: 15px;
1498        font-size: 20px;
1499        font-weight: bold;
1500        cursor: pointer;
1501    }
1502    button {
1503        margin: 10px;
1504        padding: 10px 20px;
1505        cursor: pointer;
1506    }
1507    button#btnCancelar {
1508        background-color: transparent;
1509        color: black;
1510        border: none;
1511    }
1512</style>
1513
1514<li itemscope itemtype="http://schema.org/ItemList" mediaid="406056">
1515    <div class="mediaContainer media-style"
1516         onmousemove="Hover.checkHoverPosition(event, $(this))"
1517         onmouseout="Hover.mobileOut(event, $(this))"
1518         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
1519        <div class="item_loader"></div>
1520        <div class="priceContainer">
1521        </div>
1522        <div class="mediaHover">
1523            <div class="hoverContainerInfo">
1524                <div>
1525                    <div class="hoverTitle">
1526                        <div class="hoverTextTitle">O Homem de Branco</div>
1527                            <div class="hoverInfoTitle">2021 (1h 36m)</div>
1528                    </div>
1529                </div>
1530                <div class="hoverContainerAge">
1531                    <div class="hoverAge movie-age movie-age-A16"></div>
1532                    <div class="hoverInfo">
1533                        <div class="movie-captionContainer">
1534                                <div class="movie-caption">Dublado</div>
1535                                <div class="movie-caption">Legendado</div>
1536                        </div>
1537                        <div class="hoverGenre">
1538                            Terror, Suspense
1539                        </div>
1540                    </div>
1541                </div>
1542            </div>
1543        </div>
1544        <div class="mediaCover">
1545           
1546            <div class="media-image">
1547                <div class="nameMedia" itemprop="name">O Homem de Branco</div>
1548                <video onclick="Hover.details('/detalhes/406056')" muted loop src=""></video>
1549                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
1550
1551                                <img
1552                                    draggable="false"
1553                                    loading="lazy"
1554                                    onclick="Hover.details('/detalhes/406056')"
1555                                    onerror="this.src=''; this.onerror = null;"
1556                                    class="imgStyle_landscape imgBase"
1557                                    itemprop="image"
1558                                    alt="O Homem de Branco"
1559                                    src="https://images-01.ottvs.com.br/0406056/0406056_335.jpg"
1560                                    onload="$(this).fadeIn();"
1561                                />
1562
1563                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0406056/0406056.mp4" />
1564                    <div class="mediaProgressBar" style="display: none">
1565                        <div class="baseBar"></div>
1566                        <div class="percentBar" style="width: 0%"></div>
1567                    </div>
1568                </div>
1569            <div class="mediaSynopsi">
1570    @ -299,21 +288,10 @ button#btnCancelar {
1571  
1572                <div class="buttons">
1573                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
1574                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/406056&amp;t=O%20Homem%20de%20Branco");' class="buttom" data-type="facebook">
1575                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
1576                    </div>
1577                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/406056&amp;
1577text=O%20Homem%20de%20Branco");' class="buttom" data-type="twitter">
1578                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
1579                    </div>
1580                </div>
1581                <div class="text">
1582                    <div><strong>O Homem de Branco</strong></div>
1583                    <div>Muitos casos de suic&#xED;dio, precedidos por estranhas vis&#xF5;es de um homem, chocam a cidade.</div>
1584                </div>
1585            </div>
1586        </div>
1587            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
1588    </div>
1589</li>
1590
1591<script>
1592    var IdItemSelected;
1593
1594function onDeleteItem(idItem) {
1595    IdItemSelected = idItem;
1596    $('#modalConfirmacao').show();
1597}
1598    $(document).ready(function() {
1599        $('.close, #btnCancelar').unbind('click')
1600        $('.close, #btnCancelar').click(function() {
1601            $('#modalConfirmacao').hide();
1602        });
1603
1604        $('#btnConfirmar').unbind('click')
1605        $('#btnConfirmar').click(function() {
1606            Helpers.showLoading();
1607             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
1608                $(`[mediaid=${IdItemSelected}]`).fadeOut();
1609                $('#modalConfirmacao').hide();
1610            }).done(function (response) {
1611                if (JSON.parse(response).response.toLowerCase() == "true") {
1612                    location.reload();
1613                }
1614                else{
1615                    Helpers.hideLoading();
1616                }
1617            }).fail(function (erro) {
1618               console.log(erro.responseText)
1619            });
1620        });
1621    });
1622</script>
1622
1623
1624<style>
1625    .remove-icon {
1626        position: absolute;
1627        top: 10px;
1628        left: 10px;
1629        display: flex;
1630        align-items: center;
1631        opacity: 0;
1632        transition: opacity 0.3s ease;
1633    }
1634    .remove-icon img {
1635        width: 30px; 
1636        height: 30px;
1637        background-color: rgba(0, 0, 0, 0.7);
1638        border-radius: 5px;
1639    }
1640    .remove-icon span {
1641        font-size: 14px;
1642        color: #fff;
1643        background-color: rgba(0, 0, 0, 0.7);
1644        padding: 5px;
1645        border-radius: 3px;
1646        margin-left: 30px;
1647        display: none;
1648    }
1649    .media-image:hover .remove-icon {
1650        opacity: 1;
1651    }
1652    .remove-icon:hover span {
1653        display: inline-block; 
1654    }
1655    .modal {
1656        display: none; 
1657        position: fixed;
1658        z-index: 10000;
1659        left: 0;
1660        top: 0;
1661        width: 100%;
1662        height: 100%;
1663        background-color: rgba(0, 0, 0, 0.5);
1664    }
1665    .modal-content {
1666        background-color: white;
1667        margin: 15% auto;
1668        padding: 20px;
1669        border: 1px solid #888;
1670        width: 30%;
1671        text-align: center;
1672        position: relative;
1673        color: #444;
1674        z-index: 10;
1675    }
1676    .close {
1677        position: absolute;
1678        top: 10px;
1679        right: 15px;
1680        font-size: 20px;
1681        font-weight: bold;
1682        cursor: pointer;
1683    }
1684    button {
1685        margin: 10px;
1686        padding: 10px 20px;
1687        cursor: pointer;
1688    }
1689    button#btnCancelar {
1690        background-color: transparent;
1691        color: black;
1692        border: none;
1693    }
1694</style>
1695
1696<li itemscope itemtype="http://schema.org/ItemList" mediaid="352654">
1697    <div class="mediaContainer media-style"
1698         onmousemove="Hover.checkHoverPosition(event, $(this))"
1699         onmouseout="Hover.mobileOut(event, $(this))"
1700         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
1701        <div class="item_loader"></div>
1702        <div class="priceContainer">
1703        </div>
1704        <div class="mediaHover">
1705            <div class="hoverContainerInfo">
1706                <div>
1707                    <div class="hoverTitle">
1708                        <div class="hoverTextTitle">O &#xDA;ltimo Paciente</div>
1709                            <div class="hoverInfoTitle">2021 (1h 37m)</div>
1710                    </div>
1711                </div>
1712                <div class="hoverContainerAge">
1713                    <div class="hoverAge movie-age movie-age-A16"></div>
1714                    <div class="hoverInfo">
1715                        <div class="movie-captionContainer">
1716                                <div class="movie-caption">Dublado</div>
1717                                <div class="movie-caption">Legendado</div>
1718                        </div>
1719                        <div class="hoverGenre">
1720                            Suspense, Drama
1721                        </div>
1722                    </div>
1723                </div>
1724            </div>
1725        </div>
1726        <div class="mediaCover">
1727           
1728            <div class="media-image">
1729                <div class="nameMedia" itemprop="name">O &#xDA;ltimo Paciente</div>
1730                <video onclick="Hover.details('/detalhes/352654')" muted loop src=""></video>
1731                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
1732
1733                            <img draggable="false" onclick="Hover.details('/detalhes/352654')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="O &#xDA;ltimo Paciente" src="https://images-01.ottvs.com.br/0352654/0352654_335.jpg" loading="lazy" />
1734                            <img draggable="false" onclick="Hover.details('/detalhes/352654')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="O &#xDA;ltimo Paciente" src="https://images-01.ottvs.com.br/0352654/looke_1010_670.jpg" loading="lazy" />
1735
1736                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0352654/0352654.mp4" />
1737                    <div class="mediaProgressBar" style="display: none">
1738                        <div class="baseBar"></div>
1739                        <div class="percentBar" style="width: 0%"></div>
1740                    </div>
1741                </div>
1742            <div class="mediaSynopsi">
1743    @ -299,21 +288,10 @ button#btnCancelar {
1744  
1745                <div class="buttons">
1746                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
1747                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/352654&amp;t=O%20%C3%9Altimo%20Paciente");' class="buttom" data-type="facebook">
1748                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
1749                    </div>
1750                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/352654&amp;
1750text=O%20%C3%9Altimo%20Paciente");' class="buttom" data-type="twitter">
1751                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
1752                    </div>
1753                </div>
1754                <div class="text">
1755                    <div><strong>O &#xDA;ltimo Paciente</strong></div>
1756                    <div>Susane &#xE9; uma experiente terapeuta que se prepara para atender o &#xFA;ltimo paciente do dia, sem saber que se trata de um assassino em s&#xE9;rie que a colocar&#xE1; em uma situa&#xE7;&#xE3;o de vida ou morte:</div>
1757                </div>
1758            </div>
1759        </div>
1760            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
1761    </div>
1762</li>
1763
1764<script>
1765    var IdItemSelected;
1766
1767function onDeleteItem(idItem) {
1768    IdItemSelected = idItem;
1769    $('#modalConfirmacao').show();
1770}
1771    $(document).ready(function() {
1772        $('.close, #btnCancelar').unbind('click')
1773        $('.close, #btnCancelar').click(function() {
1774            $('#modalConfirmacao').hide();
1775        });
1776
1777        $('#btnConfirmar').unbind('click')
1778        $('#btnConfirmar').click(function() {
1779            Helpers.showLoading();
1780             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
1781                $(`[mediaid=${IdItemSelected}]`).fadeOut();
1782                $('#modalConfirmacao').hide();
1783            }).done(function (response) {
1784                if (JSON.parse(response).response.toLowerCase() == "true") {
1785                    location.reload();
1786                }
1787                else{
1788                    Helpers.hideLoading();
1789                }
1790            }).fail(function (erro) {
1791               console.log(erro.responseText)
1792            });
1793        });
1794    });
1795</script>
1795
1796
1797<style>
1798    .remove-icon {
1799        position: absolute;
1800        top: 10px;
1801        left: 10px;
1802        display: flex;
1803        align-items: center;
1804        opacity: 0;
1805        transition: opacity 0.3s ease;
1806    }
1807    .remove-icon img {
1808        width: 30px; 
1809        height: 30px;
1810        background-color: rgba(0, 0, 0, 0.7);
1811        border-radius: 5px;
1812    }
1813    .remove-icon span {
1814        font-size: 14px;
1815        color: #fff;
1816        background-color: rgba(0, 0, 0, 0.7);
1817        padding: 5px;
1818        border-radius: 3px;
1819        margin-left: 30px;
1820        display: none;
1821    }
1822    .media-image:hover .remove-icon {
1823        opacity: 1;
1824    }
1825    .remove-icon:hover span {
1826        display: inline-block; 
1827    }
1828    .modal {
1829        display: none; 
1830        position: fixed;
1831        z-index: 10000;
1832        left: 0;
1833        top: 0;
1834        width: 100%;
1835        height: 100%;
1836        background-color: rgba(0, 0, 0, 0.5);
1837    }
1838    .modal-content {
1839        background-color: white;
1840        margin: 15% auto;
1841        padding: 20px;
1842        border: 1px solid #888;
1843        width: 30%;
1844        text-align: center;
1845        position: relative;
1846        color: #444;
1847        z-index: 10;
1848    }
1849    .close {
1850        position: absolute;
1851        top: 10px;
1852        right: 15px;
1853        font-size: 20px;
1854        font-weight: bold;
1855        cursor: pointer;
1856    }
1857    button {
1858        margin: 10px;
1859        padding: 10px 20px;
1860        cursor: pointer;
1861    }
1862    button#btnCancelar {
1863        background-color: transparent;
1864        color: black;
1865        border: none;
1866    }
1867</style>
1868
1869<li itemscope itemtype="http://schema.org/ItemList" mediaid="239168">
1870    <div class="mediaContainer media-style"
1871         onmousemove="Hover.checkHoverPosition(event, $(this))"
1872         onmouseout="Hover.mobileOut(event, $(this))"
1873         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
1874        <div class="item_loader"></div>
1875        <div class="priceContainer">
1876        </div>
1877        <div class="mediaHover">
1878            <div class="hoverContainerInfo">
1879                <div>
1880                    <div class="hoverTitle">
1881                        <div class="hoverTextTitle">Miyamoto Musashi e os 400 Samurais</div>
1882                            <div class="hoverInfoTitle">2020 (1h 31m)</div>
1883                    </div>
1884                </div>
1885                <div class="hoverContainerAge">
1886                    <div class="hoverAge movie-age movie-age-A14"></div>
1887                    <div class="hoverInfo">
1888                        <div class="movie-captionContainer">
1889                                <div class="movie-caption">Dublado</div>
1890                                <div class="movie-caption">Legendado</div>
1891                        </div>
1892                        <div class="hoverGenre">
1893                            A&#xE7;&#xE3;o, Suspense
1894                        </div>
1895                    </div>
1896                </div>
1897            </div>
1898        </div>
1899        <div class="mediaCover">
1900           
1901            <div class="media-image">
1902                <div class="nameMedia" itemprop="name">Miyamoto Musashi e os 400 Samurais</div>
1903                <video onclick="Hover.details('/detalhes/239168')" muted loop src=""></video>
1904                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
1905
1906                            <img draggable="false" onclick="Hover.details('/detalhes/239168')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Miyamoto Musashi e os 400 Samurais" src="https://images-01.ottvs.com.br/0239168/0239168_335.jpg" loading="lazy" />
1907                            <img draggable="false" onclick="Hover.details('/detalhes/239168')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Miyamoto Musashi e os 400 Samurais" src="https://images-01.ottvs.com.br/0239168/looke_1010_670.jpg" loading="lazy" />
1908
1909                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
1909om.br/0239168/0239168.mp4" />
1910                    <div class="mediaProgressBar" style="display: none">
1911                        <div class="baseBar"></div>
1912                        <div class="percentBar" style="width: 0%"></div>
1913                    </div>
1914                </div>
1915            <div class="mediaSynopsi">
1916    @ -299,21 +288,10 @ button#btnCancelar {
1917  
1918                <div class="buttons">
1919                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
1920                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/239168&amp;t=Miyamoto%20Musashi%20e%20os%20400%20Samurais");' class="buttom" data-type="facebook">
1921                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
1922                    </div>
1923                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/239168&amp;text=Miyamoto%20Musashi%20e%20os%20400%20Samurais");' class="buttom" data-type="twitter">
1924                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
1925                    </div>
1926                </div>
1927                <div class="text">
1928                    <div><strong>Miyamoto Musashi e os 400 Samurais</strong></div>
1929                    <div>Em 1604, no Jap&#xE3;o feudal, Myamoto Musashi derrota dois membros da fam&#xED;lia Yoshioka: O grande mestre Seijuro e seu irm&#xE3;o mais novo, Denshichiro.</div>
1930                </div>
1931            </div>
1932        </div>
1933            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
1934    </div>
1935</li>
1936
1937<script>
1938    var IdItemSelected;
1939
1940function onDeleteItem(idItem) {
1941    IdItemSelected = idItem;
1942    $('#modalConfirmacao').show();
1943}
1944    $(document).ready(function() {
1945        $('.close, #btnCancelar').unbind('click')
1946        $('.close, #btnCancelar').click(function() {
1947            $('#modalConfirmacao').hide();
1948        });
1949
1950        $('#btnConfirmar').unbind('click')
1951        $('#btnConfirmar').click(function() {
1952            Helpers.showLoading();
1953             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
1954                $(`[mediaid=${IdItemSelected}]`).fadeOut();
1955                $('#modalConfirmacao').hide();
1956            }).done(function (response) {
1957                if (JSON.parse(response).response.toLowerCase() == "true") {
1958                    location.reload();
1959                }
1960                else{
1961                    Helpers.hideLoading();
1962                }
1963            }).fail(function (erro) {
1964               console.log(erro.responseText)
1965            });
1966        });
1967    });
1968</script>
1968
1969
1970<style>
1971    .remove-icon {
1972        position: absolute;
1973        top: 10px;
1974        left: 10px;
1975        display: flex;
1976        align-items: center;
1977        opacity: 0;
1978        transition: opacity 0.3s ease;
1979    }
1980    .remove-icon img {
1981        width: 30px; 
1982        height: 30px;
1983        background-color: rgba(0, 0, 0, 0.7);
1984        border-radius: 5px;
1985    }
1986    .remove-icon span {
1987        font-size: 14px;
1988        color: #fff;
1989        background-color: rgba(0, 0, 0, 0.7);
1990        padding: 5px;
1991        border-radius: 3px;
1992        margin-left: 30px;
1993        display: none;
1994    }
1995    .media-image:hover .remove-icon {
1996        opacity: 1;
1997    }
1998    .remove-icon:hover span {
1999        display: inline-block; 
2000    }
2001    .modal {
2002        display: none; 
2003        position: fixed;
2004        z-index: 10000;
2005        left: 0;
2006        top: 0;
2007        width: 100%;
2008        height: 100%;
2009        background-color: rgba(0, 0, 0, 0.5);
2010    }
2011    .modal-content {
2012        background-color: white;
2013        margin: 15% auto;
2014        padding: 20px;
2015        border: 1px solid #888;
2016        width: 30%;
2017        text-align: center;
2018        position: relative;
2019        color: #444;
2020        z-index: 10;
2021    }
2022    .close {
2023        position: absolute;
2024        top: 10px;
2025        right: 15px;
2026        font-size: 20px;
2027        font-weight: bold;
2028        cursor: pointer;
2029    }
2030    button {
2031        margin: 10px;
2032        padding: 10px 20px;
2033        cursor: pointer;
2034    }
2035    button#btnCancelar {
2036        background-color: transparent;
2037        color: black;
2038        border: none;
2039    }
2040</style>
2041
2042<li itemscope itemtype="http://schema.org/ItemList" mediaid="363644">
2043    <div class="mediaContainer media-style"
2044         onmousemove="Hover.checkHoverPosition(event, $(this))"
2045         onmouseout="Hover.mobileOut(event, $(this))"
2046         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
2047        <div class="item_loader"></div>
2048        <div class="priceContainer">
2049        </div>
2050        <div class="mediaHover">
2051            <div class="hoverContainerInfo">
2052                <div>
2053                    <div class="hoverTitle">
2054                        <div class="hoverTextTitle">Cold Brook - De Volta Para Casa</div>
2055                            <div class="hoverInfoTitle">2018 (1h 42m)</div>
2056                    </div>
2057                </div>
2058                <div class="hoverContainerAge">
2059                    <div class="hoverAge movie-age movie-age-12"></div>
2060                    <div class="hoverInfo">
2061                        <div class="movie-captionContainer">
2062                                <div class="movie-caption">Dublado</div>
2063                                <div class="movie-caption">Legendado</div>
2064                        </div>
2065                        <div class="hoverGenre">
2066                            Aventura, Drama
2067                        </div>
2068                    </div>
2069                </div>
2070            </div>
2071        </div>
2072        <div class="mediaCover">
2073           
2074            <div class="media-image">
2075                <div class="nameMedia" itemprop="name">Cold Brook - De Volta Para Casa</div>
2076                <video onclick="Hover.details('/detalhes/363644')" muted loop src=""></video>
2077                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
2078
2079                                <img
2080                                    draggable="false"
2081                                    loading="lazy"
2082                                    onclick="Hover.details('/detalhes/363644')"
2083                                    onerror="this.src=''; this.onerror = null;"
2084                                    class="imgStyle_landscape imgBase"
2085                                    itemprop="image"
2086                                    alt="Cold Brook - De Volta Para Casa"
2087                                    src="https://images-01.ottvs.com.br/0363644/0001/0363644_335.jpg"
2088                                    onload="$(this).fadeIn();"
2089                                />
2090
2091                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
2091om.br/0363644/0363644.mp4" />
2092                    <div class="mediaProgressBar" style="display: none">
2093                        <div class="baseBar"></div>
2094                        <div class="percentBar" style="width: 0%"></div>
2095                    </div>
2096                </div>
2097            <div class="mediaSynopsi">
2098    @ -299,21 +288,10 @ button#btnCancelar {
2099  
2100                <div class="buttons">
2101                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
2102                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/363644&amp;t=Cold%20Brook%20-%20De%20Volta%20Para%20Casa");' class="buttom" data-type="facebook">
2103                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
2104                    </div>
2105                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/363644&amp;text=Cold%20Brook%20-%20De%20Volta%20Para%20Casa");' class="buttom" data-type="twitter">
2106                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
2107                    </div>
2108                </div>
2109                <div class="text">
2110                    <div><strong>Cold Brook - De Volta Para Casa</strong></div>
2111                    <div>Ted e Hilde s&#xE3;o dois funcion&#xE1;rios de um museu universit&#xE1;rio de uma pequena cidade no interior dos Estados Unidos, que embarcam numa extraordin&#xE1;ria aventura para ajudar um estranho a voltar para casa e reencontrar o amor de sua vida.</div>
2112                </div>
2113            </div>
2114        </div>
2115            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
2116    </div>
2117</li>
2118
2119<script>
2120    var IdItemSelected;
2121
2122function onDeleteItem(idItem) {
2123    IdItemSelected = idItem;
2124    $('#modalConfirmacao').show();
2125}
2126    $(document).ready(function() {
2127        $('.close, #btnCancelar').unbind('click')
2128        $('.close, #btnCancelar').click(function() {
2129            $('#modalConfirmacao').hide();
2130        });
2131
2132        $('#btnConfirmar').unbind('click')
2133        $('#btnConfirmar').click(function() {
2134            Helpers.showLoading();
2135             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
2136                $(`[mediaid=${IdItemSelected}]`).fadeOut();
2137                $('#modalConfirmacao').hide();
2138            }).done(function (response) {
2139                if (JSON.parse(response).response.toLowerCase() == "true") {
2140                    location.reload();
2141                }
2142                else{
2143                    Helpers.hideLoading();
2144                }
2145            }).fail(function (erro) {
2146               console.log(erro.responseText)
2147            });
2148        });
2149    });
2150</script>
2150
2151
2152<style>
2153    .remove-icon {
2154        position: absolute;
2155        top: 10px;
2156        left: 10px;
2157        display: flex;
2158        align-items: center;
2159        opacity: 0;
2160        transition: opacity 0.3s ease;
2161    }
2162    .remove-icon img {
2163        width: 30px; 
2164        height: 30px;
2165        background-color: rgba(0, 0, 0, 0.7);
2166        border-radius: 5px;
2167    }
2168    .remove-icon span {
2169        font-size: 14px;
2170        color: #fff;
2171        background-color: rgba(0, 0, 0, 0.7);
2172        padding: 5px;
2173        border-radius: 3px;
2174        margin-left: 30px;
2175        display: none;
2176    }
2177    .media-image:hover .remove-icon {
2178        opacity: 1;
2179    }
2180    .remove-icon:hover span {
2181        display: inline-block; 
2182    }
2183    .modal {
2184        display: none; 
2185        position: fixed;
2186        z-index: 10000;
2187        left: 0;
2188        top: 0;
2189        width: 100%;
2190        height: 100%;
2191        background-color: rgba(0, 0, 0, 0.5);
2192    }
2193    .modal-content {
2194        background-color: white;
2195        margin: 15% auto;
2196        padding: 20px;
2197        border: 1px solid #888;
2198        width: 30%;
2199        text-align: center;
2200        position: relative;
2201        color: #444;
2202        z-index: 10;
2203    }
2204    .close {
2205        position: absolute;
2206        top: 10px;
2207        right: 15px;
2208        font-size: 20px;
2209        font-weight: bold;
2210        cursor: pointer;
2211    }
2212    button {
2213        margin: 10px;
2214        padding: 10px 20px;
2215        cursor: pointer;
2216    }
2217    button#btnCancelar {
2218        background-color: transparent;
2219        color: black;
2220        border: none;
2221    }
2222</style>
2223
2224<li itemscope itemtype="http://schema.org/ItemList" mediaid="405811">
2225    <div class="mediaContainer media-style"
2226         onmousemove="Hover.checkHoverPosition(event, $(this))"
2227         onmouseout="Hover.mobileOut(event, $(this))"
2228         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
2229        <div class="item_loader"></div>
2230        <div class="priceContainer">
2231        </div>
2232        <div class="mediaHover">
2233            <div class="hoverContainerInfo">
2234                <div>
2235                    <div class="hoverTitle">
2236                        <div class="hoverTextTitle">Bons Companheiros</div>
2237                            <div class="hoverInfoTitle">2023 (2h 5m)</div>
2238                    </div>
2239                </div>
2240                <div class="hoverContainerAge">
2241                    <div class="hoverAge movie-age movie-age-12"></div>
2242                    <div class="hoverInfo">
2243                        <div class="movie-captionContainer">
2244                                <div class="movie-caption">Dublado</div>
2245                                <div class="movie-caption">Legendado</div>
2246                        </div>
2247                        <div class="hoverGenre">
2248                            A&#xE7;&#xE3;o, Aventura, Com&#xE9;dia
2249                        </div>
2250                    </div>
2251                </div>
2252            </div>
2253        </div>
2254        <div class="mediaCover">
2255           
2256            <div class="media-image">
2257                <div class="nameMedia" itemprop="name">Bons Companheiros</div>
2258                <video onclick="Hover.details('/detalhes/405811')" muted loop src=""></video>
2259                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
2260
2261                            <img draggable="false" onclick="Hover.details('/detalhes/405811')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Bons Companheiros" src="https://images-01.ottvs.com.br/0405811/0405811_335.jpg" loading="lazy" />
2262                            <img draggable="false" onclick="Hover.details('/detalhes/405811')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Bons Companheiros" src="https://images-01.ottvs.com.br/0405811/looke_1010_670.jpg" loading="lazy" />
2263
2264                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0405811/0405811.mp4" />
2265                    <div class="mediaProgressBar" style="display: none">
2266                        <div class="baseBar"></div>
2267                        <div class="percentBar" style="width: 0%"></div>
2268                    </div>
2269                </div>
2270            <div class="mediaSynopsi">
2271    @ -299,21 +288,10 @ button#btnCancelar {
2272  
2273                <div class="buttons">
2274                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
2275                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/405811&amp;t=Bons%20Companheiros");' class="buttom" data-type="facebook">
2276                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
2277                    </div>
2278                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/405811&amp;text=Bons%20Companheiros");' class="buttom" data-type="twitter">
2279                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
2280                    </div>
2281                </div>
2282                <div class="text">
2283                    <div><strong>Bons Companheiros</strong></div>
2284                    <div>O dubl&#xEA;
2284 fracassado Luo e seu cavalo se tornam uma sensa&#xE7;&#xE3;o da m&#xED;dia social da noite para o dia quando sua luta na vida real com cobradores de d&#xED;vidas se torna viral.</div>
2285                </div>
2286            </div>
2287        </div>
2288            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
2289    </div>
2290</li>
2291
2292<script>
2293    var IdItemSelected;
2294
2295function onDeleteItem(idItem) {
2296    IdItemSelected = idItem;
2297    $('#modalConfirmacao').show();
2298}
2299    $(document).ready(function() {
2300        $('.close, #btnCancelar').unbind('click')
2301        $('.close, #btnCancelar').click(function() {
2302            $('#modalConfirmacao').hide();
2303        });
2304
2305        $('#btnConfirmar').unbind('click')
2306        $('#btnConfirmar').click(function() {
2307            Helpers.showLoading();
2308             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
2309                $(`[mediaid=${IdItemSelected}]`).fadeOut();
2310                $('#modalConfirmacao').hide();
2311            }).done(function (response) {
2312                if (JSON.parse(response).response.toLowerCase() == "true") {
2313                    location.reload();
2314                }
2315                else{
2316                    Helpers.hideLoading();
2317                }
2318            }).fail(function (erro) {
2319               console.log(erro.responseText)
2320            });
2321        });
2322    });
2323</script>
2323
2324
2325<style>
2326    .remove-icon {
2327        position: absolute;
2328        top: 10px;
2329        left: 10px;
2330        display: flex;
2331        align-items: center;
2332        opacity: 0;
2333        transition: opacity 0.3s ease;
2334    }
2335    .remove-icon img {
2336        width: 30px; 
2337        height: 30px;
2338        background-color: rgba(0, 0, 0, 0.7);
2339        border-radius: 5px;
2340    }
2341    .remove-icon span {
2342        font-size: 14px;
2343        color: #fff;
2344        background-color: rgba(0, 0, 0, 0.7);
2345        padding: 5px;
2346        border-radius: 3px;
2347        margin-left: 30px;
2348        display: none;
2349    }
2350    .media-image:hover .remove-icon {
2351        opacity: 1;
2352    }
2353    .remove-icon:hover span {
2354        display: inline-block; 
2355    }
2356    .modal {
2357        display: none; 
2358        position: fixed;
2359        z-index: 10000;
2360        left: 0;
2361        top: 0;
2362        width: 100%;
2363        height: 100%;
2364        background-color: rgba(0, 0, 0, 0.5);
2365    }
2366    .modal-content {
2367        background-color: white;
2368        margin: 15% auto;
2369        padding: 20px;
2370        border: 1px solid #888;
2371        width: 30%;
2372        text-align: center;
2373        position: relative;
2374        color: #444;
2375        z-index: 10;
2376    }
2377    .close {
2378        position: absolute;
2379        top: 10px;
2380        right: 15px;
2381        font-size: 20px;
2382        font-weight: bold;
2383        cursor: pointer;
2384    }
2385    button {
2386        margin: 10px;
2387        padding: 10px 20px;
2388        cursor: pointer;
2389    }
2390    button#btnCancelar {
2391        background-color: transparent;
2392        color: black;
2393        border: none;
2394    }
2395</style>
2396
2397<li itemscope itemtype="http://schema.org/ItemList" mediaid="422983">
2398    <div class="mediaContainer media-style"
2399         onmousemove="Hover.checkHoverPosition(event, $(this))"
2400         onmouseout="Hover.mobileOut(event, $(this))"
2401         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
2402        <div class="item_loader"></div>
2403        <div class="priceContainer">
2404        </div>
2405        <div class="mediaHover">
2406            <div class="hoverContainerInfo">
2407                <div>
2408                    <div class="hoverTitle">
2409                        <div class="hoverTextTitle">A Greve das Camareiras</div>
2410                            <div class="hoverInfoTitle">2024 (1h 27m)</div>
2411                    </div>
2412                </div>
2413                <div class="hoverContainerAge">
2414                    <div class="hoverAge movie-age movie-age-A14"></div>
2415                    <div class="hoverInfo">
2416                        <div class="movie-captionContainer">
2417                                <div class="movie-caption">Dublado</div>
2418                                <div class="movie-caption">Legendado</div>
2419                        </div>
2420                        <div class="hoverGenre">
2421                            Com&#xE9;dia, Drama
2422                        </div>
2423                    </div>
2424                </div>
2425            </div>
2426        </div>
2427        <div class="mediaCover">
2428           
2429            <div class="media-image">
2430                <div class="nameMedia" itemprop="name">A Greve das Camareiras</div>
2431                <video onclick="Hover.details('/detalhes/422983')" muted loop src=""></video>
2432                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
2433
2434                                <img
2435                                    draggable="false"
2436                                    loading="lazy"
2437                                    onclick="Hover.details('/detalhes/422983')"
2438                                    onerror="this.src=''; this.onerror = null;"
2439                                    class="imgStyle_landscape imgBase"
2440                                    itemprop="image"
2441                                    alt="A Greve das Camareiras"
2442                                    src="https://images-01.ottvs.com.br/0422983/0001/0422983_335.jpg"
2443                                    onload="$(this).fadeIn();"
2444                                />
2445
2446                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
2446om.br/0422983/0422983.mp4" />
2447                    <div class="mediaProgressBar" style="display: none">
2448                        <div class="baseBar"></div>
2449                        <div class="percentBar" style="width: 0%"></div>
2450                    </div>
2451                </div>
2452            <div class="mediaSynopsi">
2453    @ -299,21 +288,10 @ button#btnCancelar {
2454  
2455                <div class="buttons">
2456                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
2457                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/422983&amp;t=A%20Greve%20das%20Camareiras");' class="buttom" data-type="facebook">
2458                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
2459                    </div>
2460                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/422983&amp;text=A%20Greve%20das%20Camareiras");' class="buttom" data-type="twitter">
2461                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
2462                    </div>
2463                </div>
2464                <div class="text">
2465                    <div><strong>A Greve das Camareiras</strong></div>
2466                    <div>As camareiras de um luxuoso hotel se juntam para protestar por melhores condi&#xE7;&#xF5;es de trabalho.</div>
2467                </div>
2468            </div>
2469        </div>
2470            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
2471    </div>
2472</li>
2473
2474<script>
2475    var IdItemSelected;
2476
2477function onDeleteItem(idItem) {
2478    IdItemSelected = idItem;
2479    $('#modalConfirmacao').show();
2480}
2481    $(document).ready(function() {
2482        $('.close, #btnCancelar').unbind('click')
2483        $('.close, #btnCancelar').click(function() {
2484            $('#modalConfirmacao').hide();
2485        });
2486
2487        $('#btnConfirmar').unbind('click')
2488        $('#btnConfirmar').click(function() {
2489            Helpers.showLoading();
2490             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
2491                $(`[mediaid=${IdItemSelected}]`).fadeOut();
2492                $('#modalConfirmacao').hide();
2493            }).done(function (response) {
2494                if (JSON.parse(response).response.toLowerCase() == "true") {
2495                    location.reload();
2496                }
2497                else{
2498                    Helpers.hideLoading();
2499                }
2500            }).fail(function (erro) {
2501               console.log(erro.responseText)
2502            });
2503        });
2504    });
2505</script>
2505
2506
2507<style>
2508    .remove-icon {
2509        position: absolute;
2510        top: 10px;
2511        left: 10px;
2512        display: flex;
2513        align-items: center;
2514        opacity: 0;
2515        transition: opacity 0.3s ease;
2516    }
2517    .remove-icon img {
2518        width: 30px; 
2519        height: 30px;
2520        background-color: rgba(0, 0, 0, 0.7);
2521        border-radius: 5px;
2522    }
2523    .remove-icon span {
2524        font-size: 14px;
2525        color: #fff;
2526        background-color: rgba(0, 0, 0, 0.7);
2527        padding: 5px;
2528        border-radius: 3px;
2529        margin-left: 30px;
2530        display: none;
2531    }
2532    .media-image:hover .remove-icon {
2533        opacity: 1;
2534    }
2535    .remove-icon:hover span {
2536        display: inline-block; 
2537    }
2538    .modal {
2539        display: none; 
2540        position: fixed;
2541        z-index: 10000;
2542        left: 0;
2543        top: 0;
2544        width: 100%;
2545        height: 100%;
2546        background-color: rgba(0, 0, 0, 0.5);
2547    }
2548    .modal-content {
2549        background-color: white;
2550        margin: 15% auto;
2551        padding: 20px;
2552        border: 1px solid #888;
2553        width: 30%;
2554        text-align: center;
2555        position: relative;
2556        color: #444;
2557        z-index: 10;
2558    }
2559    .close {
2560        position: absolute;
2561        top: 10px;
2562        right: 15px;
2563        font-size: 20px;
2564        font-weight: bold;
2565        cursor: pointer;
2566    }
2567    button {
2568        margin: 10px;
2569        padding: 10px 20px;
2570        cursor: pointer;
2571    }
2572    button#btnCancelar {
2573        background-color: transparent;
2574        color: black;
2575        border: none;
2576    }
2577</style>
2578
2579<li itemscope itemtype="http://schema.org/ItemList" mediaid="469414">
2580    <div class="mediaContainer media-style"
2581         onmousemove="Hover.checkHoverPosition(event, $(this))"
2582         onmouseout="Hover.mobileOut(event, $(this))"
2583         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
2584        <div class="item_loader"></div>
2585        <div class="priceContainer">
2586        </div>
2587        <div class="mediaHover">
2588            <div class="hoverContainerInfo">
2589                <div>
2590                    <div class="hoverTitle">
2591                        <div class="hoverTextTitle">Texano Por Acaso</div>
2592                            <div class="hoverInfoTitle">2023 (1h 43m)</div>
2593                    </div>
2594                </div>
2595                <div class="hoverContainerAge">
2596                    <div class="hoverAge movie-age movie-age-A14"></div>
2597                    <div class="hoverInfo">
2598                        <div class="movie-captionContainer">
2599                                <div class="movie-caption">Dublado</div>
2600                                <div class="movie-caption">Legendado</div>
2601                        </div>
2602                        <div class="hoverGenre">
2603                            Com&#xE9;dia, Drama
2604                        </div>
2605                    </div>
2606                </div>
2607            </div>
2608        </div>
2609        <div class="mediaCover">
2610           
2611            <div class="media-image">
2612                <div class="nameMedia" itemprop="name">Texano Por Acaso</div>
2613                <video onclick="Hover.details('/detalhes/469414')" muted loop src=""></video>
2614                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
2615
2616                            <img draggable="false" onclick="Hover.details('/detalhes/469414')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Texano Por Acaso" src="https://images-01.ottvs.com.br/0469414/0469414_335.jpg" loading="lazy" />
2617                            <img draggable="false" onclick="Hover.details('/detalhes/469414')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Texano Por Acaso" src="https://images-01.ottvs.com.br/0469414/looke_1010_670.jpg" loading="lazy" />
2618
2619                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0469414/0469414.mp4" />
2620                    <div class="mediaProgressBar" style="display: none">
2621                        <div class="baseBar"></div>
2622                        <div class="percentBar" style="width: 0%"></div>
2623                    </div>
2624                </div>
2625            <div class="mediaSynopsi">
2626    @ -299,21 +288,10 @ button#btnCancelar {
2627  
2628                <div class="buttons">
2629                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
2630                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/469414&amp;t=Texano%20Por%20Acaso");' class="buttom" data-type="facebook">
2631                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
2632                    </div>
2633                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/469414&amp;text=Texano%20Por%20Acaso");' class="buttom" data-type="twitter">
2634                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
2635                    </div>
2636                </div>
2637                <div class="text">
2638                    <div><strong>Texano Por Acaso</strong></div>
2639                    <div>Um ator fracassado se une a um perfurador de petr&#xF3;leo em uma aventura para salvar seus sonhos.</div>
2640                </div>
2641            </div>
2642        </div>
2643            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
2644    </div>
2645</li>
2646
2647<script>
2648    var IdItemSelected;
2649
2650function onDeleteItem(idItem) {
2651    IdItemSelected = idItem;
2652    $('#modalConfirmacao').show();
2653}
2654    $(document).ready(function() {
2655        $('.close, #btnCancelar').unbind('click')
2656        $('.close, #btnCancelar').click(function() {
2657            $('#modalConfirmacao').hide();
2658        });
2659
2660        $('#btnConfirmar').unbind('click')
2661        $('#btnConfirmar').click(function() {
2662            Helpers.showLoading();
2663             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
2664                $(`[mediaid=${IdItemSelected}]`).fadeOut();
2665                $('#modalConfirmacao').hide();
2666            }).done(function (response) {
2667                if (JSON.parse(response).response.toLowerCase() == "true") {
2668                    location.reload();
2669                }
2670                else{
2671                    Helpers.hideLoading();
2672                }
2673            }).fail(function (erro) {
2674               console.log(erro.responseText)
2675            });
2676        });
2677    });
2678</script>
2678
2679
2680<style>
2681    .remove-icon {
2682        position: absolute;
2683        top: 10px;
2684        left: 10px;
2685        display: flex;
2686        align-items: center;
2687        opacity: 0;
2688        transition: opacity 0.3s ease;
2689    }
2690    .remove-icon img {
2691        width: 30px; 
2692        height: 30px;
2693        background-color: rgba(0, 0, 0, 0.7);
2694        border-radius: 5px;
2695    }
2696    .remove-icon span {
2697        font-size: 14px;
2698        color: #fff;
2699        background-color: rgba(0, 0, 0, 0.7);
2700        padding: 5px;
2701        border-radius: 3px;
2702        margin-left: 30px;
2703        display: none;
2704    }
2705    .media-image:hover .remove-icon {
2706        opacity: 1;
2707    }
2708    .remove-icon:hover span {
2709        display: inline-block; 
2710    }
2711    .modal {
2712        display: none; 
2713        position: fixed;
2714        z-index: 10000;
2715        left: 0;
2716        top: 0;
2717        width: 100%;
2718        height: 100%;
2719        background-color: rgba(0, 0, 0, 0.5);
2720    }
2721    .modal-content {
2722        background-color: white;
2723        margin: 15% auto;
2724        padding: 20px;
2725        border: 1px solid #888;
2726        width: 30%;
2727        text-align: center;
2728        position: relative;
2729        color: #444;
2730        z-index: 10;
2731    }
2732    .close {
2733        position: absolute;
2734        top: 10px;
2735        right: 15px;
2736        font-size: 20px;
2737        font-weight: bold;
2738        cursor: pointer;
2739    }
2740    button {
2741        margin: 10px;
2742        padding: 10px 20px;
2743        cursor: pointer;
2744    }
2745    button#btnCancelar {
2746        background-color: transparent;
2747        color: black;
2748        border: none;
2749    }
2750</style>
2751
2752<li itemscope itemtype="http://schema.org/ItemList" mediaid="436067">
2753    <div class="mediaContainer media-style"
2754         onmousemove="Hover.checkHoverPosition(event, $(this))"
2755         onmouseout="Hover.mobileOut(event, $(this))"
2756         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
2757        <div class="item_loader"></div>
2758        <div class="priceContainer">
2759        </div>
2760        <div class="mediaHover">
2761            <div class="hoverContainerInfo">
2762                <div>
2763                    <div class="hoverTitle">
2764                        <div class="hoverTextTitle">Vencendo Sem Parar</div>
2765                            <div class="hoverInfoTitle">2023 (1h 48m)</div>
2766                    </div>
2767                </div>
2768                <div class="hoverContainerAge">
2769                    <div class="hoverAge movie-age movie-age-A14"></div>
2770                    <div class="hoverInfo">
2771                        <div class="movie-captionContainer">
2772                                <div class="movie-caption">Dublado</div>
2773                                <div class="movie-caption">Legendado</div>
2774                        </div>
2775                        <div class="hoverGenre">
2776                            Com&#xE9;dia, Drama, Romance
2777                        </div>
2778                    </div>
2779                </div>
2780            </div>
2781        </div>
2782        <div class="mediaCover">
2783           
2784            <div class="media-image">
2785                <div class="nameMedia" itemprop="name">Vencendo Sem Parar</div>
2786                <video onclick="Hover.details('/detalhes/436067')" muted loop src=""></video>
2787                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
2788
2789                                <img
2790                                    draggable="false"
2791                                    loading="lazy"
2792                                    onclick="Hover.details('/detalhes/436067')"
2793                                    onerror="this.src=''; this.onerror = null;"
2794                                    class="imgStyle_landscape imgBase"
2795                                    itemprop="image"
2796                                    alt="Vencendo Sem Parar"
2797                                    src="https://images-01.ottvs.com.br/0436067/0436067_335.jpg"
2798                                    onload="$(this).fadeIn();"
2799                                />
2800
2801                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
2801om.br/0436067/0436067.mp4" />
2802                    <div class="mediaProgressBar" style="display: none">
2803                        <div class="baseBar"></div>
2804                        <div class="percentBar" style="width: 0%"></div>
2805                    </div>
2806                </div>
2807            <div class="mediaSynopsi">
2808    @ -299,21 +288,10 @ button#btnCancelar {
2809  
2810                <div class="buttons">
2811                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
2812                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/436067&amp;t=Vencendo%20Sem%20Parar");' class="buttom" data-type="facebook">
2813                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
2814                    </div>
2815                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/436067&amp;text=Vencendo%20Sem%20Parar");' class="buttom" data-type="twitter">
2816                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
2817                    </div>
2818                </div>
2819                <div class="text">
2820                    <div><strong>Vencendo Sem Parar</strong></div>
2821                    <div>Ted pensa em um plano inacredit&#xE1;vel para melhorar a sa&#xFA;de de seu pai que est&#xE1; gravemente doente.</div>
2822                </div>
2823            </div>
2824        </div>
2825            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
2826    </div>
2827</li>
2828
2829<script>
2830    var IdItemSelected;
2831
2832function onDeleteItem(idItem) {
2833    IdItemSelected = idItem;
2834    $('#modalConfirmacao').show();
2835}
2836    $(document).ready(function() {
2837        $('.close, #btnCancelar').unbind('click')
2838        $('.close, #btnCancelar').click(function() {
2839            $('#modalConfirmacao').hide();
2840        });
2841
2842        $('#btnConfirmar').unbind('click')
2843        $('#btnConfirmar').click(function() {
2844            Helpers.showLoading();
2845             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
2846                $(`[mediaid=${IdItemSelected}]`).fadeOut();
2847                $('#modalConfirmacao').hide();
2848            }).done(function (response) {
2849                if (JSON.parse(response).response.toLowerCase() == "true") {
2850                    location.reload();
2851                }
2852                else{
2853                    Helpers.hideLoading();
2854                }
2855            }).fail(function (erro) {
2856               console.log(erro.responseText)
2857            });
2858        });
2859    });
2860</script>
2860
2861
2862<style>
2863    .remove-icon {
2864        position: absolute;
2865        top: 10px;
2866        left: 10px;
2867        display: flex;
2868        align-items: center;
2869        opacity: 0;
2870        transition: opacity 0.3s ease;
2871    }
2872    .remove-icon img {
2873        width: 30px; 
2874        height: 30px;
2875        background-color: rgba(0, 0, 0, 0.7);
2876        border-radius: 5px;
2877    }
2878    .remove-icon span {
2879        font-size: 14px;
2880        color: #fff;
2881        background-color: rgba(0, 0, 0, 0.7);
2882        padding: 5px;
2883        border-radius: 3px;
2884        margin-left: 30px;
2885        display: none;
2886    }
2887    .media-image:hover .remove-icon {
2888        opacity: 1;
2889    }
2890    .remove-icon:hover span {
2891        display: inline-block; 
2892    }
2893    .modal {
2894        display: none; 
2895        position: fixed;
2896        z-index: 10000;
2897        left: 0;
2898        top: 0;
2899        width: 100%;
2900        height: 100%;
2901        background-color: rgba(0, 0, 0, 0.5);
2902    }
2903    .modal-content {
2904        background-color: white;
2905        margin: 15% auto;
2906        padding: 20px;
2907        border: 1px solid #888;
2908        width: 30%;
2909        text-align: center;
2910        position: relative;
2911        color: #444;
2912        z-index: 10;
2913    }
2914    .close {
2915        position: absolute;
2916        top: 10px;
2917        right: 15px;
2918        font-size: 20px;
2919        font-weight: bold;
2920        cursor: pointer;
2921    }
2922    button {
2923        margin: 10px;
2924        padding: 10px 20px;
2925        cursor: pointer;
2926    }
2927    button#btnCancelar {
2928        background-color: transparent;
2929        color: black;
2930        border: none;
2931    }
2932</style>
2933
2934<li itemscope itemtype="http://schema.org/ItemList" mediaid="473346">
2935    <div class="mediaContainer media-style"
2936         onmousemove="Hover.checkHoverPosition(event, $(this))"
2937         onmouseout="Hover.mobileOut(event, $(this))"
2938         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
2939        <div class="item_loader"></div>
2940        <div class="priceContainer">
2941        </div>
2942        <div class="mediaHover">
2943            <div class="hoverContainerInfo">
2944                <div>
2945                    <div class="hoverTitle">
2946                        <div class="hoverTextTitle">Uma Amizade para Recordar</div>
2947                            <div class="hoverInfoTitle">2025 (1h 17m)</div>
2948                    </div>
2949                </div>
2950                <div class="hoverContainerAge">
2951                    <div class="hoverAge movie-age movie-age-A12"></div>
2952                    <div class="hoverInfo">
2953                        <div class="movie-captionContainer">
2954                                <div class="movie-caption">Dublado</div>
2955                                <div class="movie-caption">Legendado</div>
2956                        </div>
2957                        <div class="hoverGenre">
2958                            Fam&#xED;lia, Drama
2959                        </div>
2960                    </div>
2961                </div>
2962            </div>
2963        </div>
2964        <div class="mediaCover">
2965           
2966            <div class="media-image">
2967                <div class="nameMedia" itemprop="name">Uma Amizade para Recordar</div>
2968                <video onclick="Hover.details('/detalhes/473346')" muted loop src=""></video>
2969                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
2970
2971                            <img draggable="false" onclick="Hover.details('/detalhes/473346')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Uma Amizade para Recordar" src="https://images-01.ottvs.com.br/0473346/0473346_335.jpg" loading="lazy" />
2972                            <img draggable="false" onclick="Hover.details('/detalhes/473346')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Uma Amizade para Recordar" src="https://images-01.ottvs.com.br/0473346/looke_1010_670.jpg" loading="lazy" />
2973
2974                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0473346/0473346.mp4" />
2975                    <div class="mediaProgressBar" style="display: none">
2976                        <div class="baseBar"></div>
2977                        <div class="percentBar" style="width: 0%"></div>
2978                    </div>
2979                </div>
2980            <div class="mediaSynopsi">
2981    @ -299,21 +288,10 @ button#btnCancelar {
2982  
2983                <div class="buttons">
2984                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
2985                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/473346&amp;t=Uma%20Amizade%20para%20Recordar");' class="buttom" data-type="facebook">
2986                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
2987                    </div>
2988                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/473346&amp;text=Uma%20Amizade%20para%20Recordar");' class="buttom" data-type="twitter">
2989                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
2990                    </div>
2991                </div>
2992                <div class="text">
2993                    <div><strong>Uma Amizade para Recordar</strong></div>
2994                    <div>A morte de um velho amigo faz uma jornalista refletir sobre sua inf&#xE2;ncia e tudo o que tem perdido.</div>
2995                </div>
2996            </div>
2997        </div>
2998            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
2999    </div>
3000</li>
3001
3002<script>
3003    var IdItemSelected;
3004
3005function onDeleteItem(idItem) {
3006    IdItemSelected = idItem;
3007    $('#modalConfirmacao').show();
3008}
3009    $(document).ready(function() {
3010        $('.close, #btnCancelar').unbind('click')
3011        $('.close, #btnCancelar').click(function() {
3012            $('#modalConfirmacao').hide();
3013        });
3014
3015        $('#btnConfirmar').unbind('click')
3016        $('#btnConfirmar').click(function() {
3017            Helpers.showLoading();
3018             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
3019                $(`[mediaid=${IdItemSelected}]`).fadeOut();
3020                $('#modalConfirmacao').hide();
3021            }).done(function (response) {
3022                if (JSON.parse(response).response.toLowerCase() == "true") {
3023                    location.reload();
3024                }
3025                else{
3026                    Helpers.hideLoading();
3027                }
3028            }).fail(function (erro) {
3029               console.log(erro.responseText)
3030            });
3031        });
3032    });
3033</script>
3033
3034
3035<style>
3036    .remove-icon {
3037        position: absolute;
3038        top: 10px;
3039        left: 10px;
3040        display: flex;
3041        align-items: center;
3042        opacity: 0;
3043        transition: opacity 0.3s ease;
3044    }
3045    .remove-icon img {
3046        width: 30px; 
3047        height: 30px;
3048        background-color: rgba(0, 0, 0, 0.7);
3049        border-radius: 5px;
3050    }
3051    .remove-icon span {
3052        font-size: 14px;
3053        color: #fff;
3054        background-color: rgba(0, 0, 0, 0.7);
3055        padding: 5px;
3056        border-radius: 3px;
3057        margin-left: 30px;
3058        display: none;
3059    }
3060    .media-image:hover .remove-icon {
3061        opacity: 1;
3062    }
3063    .remove-icon:hover span {
3064        display: inline-block; 
3065    }
3066    .modal {
3067        display: none; 
3068        position: fixed;
3069        z-index: 10000;
3070        left: 0;
3071        top: 0;
3072        width: 100%;
3073        height: 100%;
3074        background-color: rgba(0, 0, 0, 0.5);
3075    }
3076    .modal-content {
3077        background-color: white;
3078        margin: 15% auto;
3079        padding: 20px;
3080        border: 1px solid #888;
3081        width: 30%;
3082        text-align: center;
3083        position: relative;
3084        color: #444;
3085        z-index: 10;
3086    }
3087    .close {
3088        position: absolute;
3089        top: 10px;
3090        right: 15px;
3091        font-size: 20px;
3092        font-weight: bold;
3093        cursor: pointer;
3094    }
3095    button {
3096        margin: 10px;
3097        padding: 10px 20px;
3098        cursor: pointer;
3099    }
3100    button#btnCancelar {
3101        background-color: transparent;
3102        color: black;
3103        border: none;
3104    }
3105</style>
3106
3107<li itemscope itemtype="http://schema.org/ItemList" mediaid="424844">
3108    <div class="mediaContainer media-style"
3109         onmousemove="Hover.checkHoverPosition(event, $(this))"
3110         onmouseout="Hover.mobileOut(event, $(this))"
3111         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
3112        <div class="item_loader"></div>
3113        <div class="priceContainer">
3114        </div>
3115        <div class="mediaHover">
3116            <div class="hoverContainerInfo">
3117                <div>
3118                    <div class="hoverTitle">
3119                        <div class="hoverTextTitle">O Quarto Passageiro</div>
3120                            <div class="hoverInfoTitle">2022 (1h 40m)</div>
3121                    </div>
3122                </div>
3123                <div class="hoverContainerAge">
3124                    <div class="hoverAge movie-age movie-age-A14"></div>
3125                    <div class="hoverInfo">
3126                        <div class="movie-captionContainer">
3127                                <div class="movie-caption">Dublado</div>
3128                                <div class="movie-caption">Legendado</div>
3129                        </div>
3130                        <div class="hoverGenre">
3131                            Com&#xE9;dia, Aventura
3132                        </div>
3133                    </div>
3134                </div>
3135            </div>
3136        </div>
3137        <div class="mediaCover">
3138           
3139            <div class="media-image">
3140                <div class="nameMedia" itemprop="name">O Quarto Passageiro</div>
3141                <video onclick="Hover.details('/detalhes/424844')" muted loop src=""></video>
3142                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
3143
3144                                <img
3145                                    draggable="false"
3146                                    loading="lazy"
3147                                    onclick="Hover.details('/detalhes/424844')"
3148                                    onerror="this.src=''; this.onerror = null;"
3149                                    class="imgStyle_landscape imgBase"
3150                                    itemprop="image"
3151                                    alt="O Quarto Passageiro"
3152                                    src="https://images-01.ottvs.com.br/0424844/0001/0424844_335.jpg"
3153                                    onload="$(this).fadeIn();"
3154                                />
3155
3156                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
3156om.br/0424844/0424844.mp4" />
3157                    <div class="mediaProgressBar" style="display: none">
3158                        <div class="baseBar"></div>
3159                        <div class="percentBar" style="width: 0%"></div>
3160                    </div>
3161                </div>
3162            <div class="mediaSynopsi">
3163    @ -299,21 +288,10 @ button#btnCancelar {
3164  
3165                <div class="buttons">
3166                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
3167                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424844&amp;t=O%20Quarto%20Passageiro");' class="buttom" data-type="facebook">
3168                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
3169                    </div>
3170                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424844&amp;text=O%20Quarto%20Passageiro");' class="buttom" data-type="twitter">
3171                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
3172                    </div>
3173                </div>
3174                <div class="text">
3175                    <div><strong>O Quarto Passageiro</strong></div>
3176                    <div>Os problemas de um motorista por aplicativo come&#xE7;am quando ele decide levar tr&#xEA;s pessoas at&#xE9; Madri.</div>
3177                </div>
3178            </div>
3179        </div>
3180            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
3181    </div>
3182</li>
3183
3184<script>
3185    var IdItemSelected;
3186
3187function onDeleteItem(idItem) {
3188    IdItemSelected = idItem;
3189    $('#modalConfirmacao').show();
3190}
3191    $(document).ready(function() {
3192        $('.close, #btnCancelar').unbind('click')
3193        $('.close, #btnCancelar').click(function() {
3194            $('#modalConfirmacao').hide();
3195        });
3196
3197        $('#btnConfirmar').unbind('click')
3198        $('#btnConfirmar').click(function() {
3199            Helpers.showLoading();
3200             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
3201                $(`[mediaid=${IdItemSelected}]`).fadeOut();
3202                $('#modalConfirmacao').hide();
3203            }).done(function (response) {
3204                if (JSON.parse(response).response.toLowerCase() == "true") {
3205                    location.reload();
3206                }
3207                else{
3208                    Helpers.hideLoading();
3209                }
3210            }).fail(function (erro) {
3211               console.log(erro.responseText)
3212            });
3213        });
3214    });
3215</script>
3215
3216
3217<style>
3218    .remove-icon {
3219        position: absolute;
3220        top: 10px;
3221        left: 10px;
3222        display: flex;
3223        align-items: center;
3224        opacity: 0;
3225        transition: opacity 0.3s ease;
3226    }
3227    .remove-icon img {
3228        width: 30px; 
3229        height: 30px;
3230        background-color: rgba(0, 0, 0, 0.7);
3231        border-radius: 5px;
3232    }
3233    .remove-icon span {
3234        font-size: 14px;
3235        color: #fff;
3236        background-color: rgba(0, 0, 0, 0.7);
3237        padding: 5px;
3238        border-radius: 3px;
3239        margin-left: 30px;
3240        display: none;
3241    }
3242    .media-image:hover .remove-icon {
3243        opacity: 1;
3244    }
3245    .remove-icon:hover span {
3246        display: inline-block; 
3247    }
3248    .modal {
3249        display: none; 
3250        position: fixed;
3251        z-index: 10000;
3252        left: 0;
3253        top: 0;
3254        width: 100%;
3255        height: 100%;
3256        background-color: rgba(0, 0, 0, 0.5);
3257    }
3258    .modal-content {
3259        background-color: white;
3260        margin: 15% auto;
3261        padding: 20px;
3262        border: 1px solid #888;
3263        width: 30%;
3264        text-align: center;
3265        position: relative;
3266        color: #444;
3267        z-index: 10;
3268    }
3269    .close {
3270        position: absolute;
3271        top: 10px;
3272        right: 15px;
3273        font-size: 20px;
3274        font-weight: bold;
3275        cursor: pointer;
3276    }
3277    button {
3278        margin: 10px;
3279        padding: 10px 20px;
3280        cursor: pointer;
3281    }
3282    button#btnCancelar {
3283        background-color: transparent;
3284        color: black;
3285        border: none;
3286    }
3287</style>
3288
3289<li itemscope itemtype="http://schema.org/ItemList" mediaid="422103">
3290    <div class="mediaContainer media-style"
3291         onmousemove="Hover.checkHoverPosition(event, $(this))"
3292         onmouseout="Hover.mobileOut(event, $(this))"
3293         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
3294        <div class="item_loader"></div>
3295        <div class="priceContainer">
3296        </div>
3297        <div class="mediaHover">
3298            <div class="hoverContainerInfo">
3299                <div>
3300                    <div class="hoverTitle">
3301                        <div class="hoverTextTitle">Suando Frio</div>
3302                            <div class="hoverInfoTitle">2018 (1h 37m)</div>
3303                    </div>
3304                </div>
3305                <div class="hoverContainerAge">
3306                    <div class="hoverAge movie-age movie-age-A14"></div>
3307                    <div class="hoverInfo">
3308                        <div class="movie-captionContainer">
3309                                <div class="movie-caption">Dublado</div>
3310                                <div class="movie-caption">Legendado</div>
3311                        </div>
3312                        <div class="hoverGenre">
3313                            Com&#xE9;dia, Drama
3314                        </div>
3315                    </div>
3316                </div>
3317            </div>
3318        </div>
3319        <div class="mediaCover">
3320           
3321            <div class="media-image">
3322                <div class="nameMedia" itemprop="name">Suando Frio</div>
3323                <video onclick="Hover.details('/detalhes/422103')" muted loop src=""></video>
3324                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
3325
3326                            <img draggable="false" onclick="Hover.details('/detalhes/422103')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Suando Frio" src="https://images-01.ottvs.com.br/0422103/0422103_335.jpg" loading="lazy" />
3327                            <img draggable="false" onclick="Hover.details('/detalhes/422103')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Suando Frio" src="https://images-01.ottvs.com.br/0422103/looke_1010_670.jpg" loading="lazy" />
3328
3329                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0422103/0422103.mp4" />
3330                    <div class="mediaProgressBar" style="display: none">
3331                        <div class="baseBar"></div>
3332                        <div class="percentBar" style="width: 0%"></div>
3333                    </div>
3334                </div>
3335            <div class="mediaSynopsi">
3336    @ -299,21 +288,10 @ button#btnCancelar {
3337  
3338                <div class="buttons">
3339                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
3340                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/422103&amp;t=Suando%20Frio");' class="buttom" data-type="facebook">
3341                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
3342                    </div>
3343                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/422103&amp;text=Suando%20Frio");' class="buttom" data-type="twitter">
3344                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
3345                    </div>
3346                </div>
3347                <div class="text">
3348                    <div><strong>Suando Frio</strong></div>
3349                    <div>Para n&#xE3;o ser preso, Denis entra no jogo, mas ser&#xE1; que ele vai conseguir manter a farsa?</div>
3350                </div>
3351            </div>
3352        </div>
3353            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
3354    </div>
3355</li>
3356
3357<script>
3358    var IdItemSelected;
3359
3360function onDeleteItem(idItem) {
3361    IdItemSelected = idItem;
3362    $('#modalConfirmacao').show();
3363}
3364    $(document).ready(function() {
3365        $('.close, #btnCancelar').unbind('click')
3366        $('.close, #btnCancelar').click(function() {
3367            $('#modalConfirmacao').hide();
3368        });
3369
3370        $('#btnConfirmar').unbind('click')
3371        $('#btnConfirmar').click(function() {
3372            Helpers.showLoading();
3373             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
3374                $(`[mediaid=${IdItemSelected}]`).fadeOut();
3375                $('#modalConfirmacao').hide();
3376            }).done(function (response) {
3377                if (JSON.parse(response).response.toLowerCase() == "true") {
3378                    location.reload();
3379                }
3380                else{
3381                    Helpers.hideLoading();
3382                }
3383            }).fail(function (erro) {
3384               console.log(erro.responseText)
3385            });
3386        });
3387    });
3388</script>
3388
3389
3390<style>
3391    .remove-icon {
3392        position: absolute;
3393        top: 10px;
3394        left: 10px;
3395        display: flex;
3396        align-items: center;
3397        opacity: 0;
3398        transition: opacity 0.3s ease;
3399    }
3400    .remove-icon img {
3401        width: 30px; 
3402        height: 30px;
3403        background-color: rgba(0, 0, 0, 0.7);
3404        border-radius: 5px;
3405    }
3406    .remove-icon span {
3407        font-size: 14px;
3408        color: #fff;
3409        background-color: rgba(0, 0, 0, 0.7);
3410        padding: 5px;
3411        border-radius: 3px;
3412        margin-left: 30px;
3413        display: none;
3414    }
3415    .media-image:hover .remove-icon {
3416        opacity: 1;
3417    }
3418    .remove-icon:hover span {
3419        display: inline-block; 
3420    }
3421    .modal {
3422        display: none; 
3423        position: fixed;
3424        z-index: 10000;
3425        left: 0;
3426        top: 0;
3427        width: 100%;
3428        height: 100%;
3429        background-color: rgba(0, 0, 0, 0.5);
3430    }
3431    .modal-content {
3432        background-color: white;
3433        margin: 15% auto;
3434        padding: 20px;
3435        border: 1px solid #888;
3436        width: 30%;
3437        text-align: center;
3438        position: relative;
3439        color: #444;
3440        z-index: 10;
3441    }
3442    .close {
3443        position: absolute;
3444        top: 10px;
3445        right: 15px;
3446        font-size: 20px;
3447        font-weight: bold;
3448        cursor: pointer;
3449    }
3450    button {
3451        margin: 10px;
3452        padding: 10px 20px;
3453        cursor: pointer;
3454    }
3455    button#btnCancelar {
3456        background-color: transparent;
3457        color: black;
3458        border: none;
3459    }
3460</style>
3461
3462<li itemscope itemtype="http://schema.org/ItemList" mediaid="418519">
3463    <div class="mediaContainer media-style"
3464         onmousemove="Hover.checkHoverPosition(event, $(this))"
3465         onmouseout="Hover.mobileOut(event, $(this))"
3466         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
3467        <div class="item_loader"></div>
3468        <div class="priceContainer">
3469        </div>
3470        <div class="mediaHover">
3471            <div class="hoverContainerInfo">
3472                <div>
3473                    <div class="hoverTitle">
3474                        <div class="hoverTextTitle">O Que Pode Dar Errado?</div>
3475                            <div class="hoverInfoTitle">2022 (1h 34m)</div>
3476                    </div>
3477                </div>
3478                <div class="hoverContainerAge">
3479                    <div class="hoverAge movie-age movie-age-A16"></div>
3480                    <div class="hoverInfo">
3481                        <div class="movie-captionContainer">
3482                                <div class="movie-caption">Dublado</div>
3483                                <div class="movie-caption">Legendado</div>
3484                        </div>
3485                        <div class="hoverGenre">
3486                            Com&#xE9;dia, Aventura, Fam&#xED;lia
3487                        </div>
3488                    </div>
3489                </div>
3490            </div>
3491        </div>
3492        <div class="mediaCover">
3493           
3494            <div class="media-image">
3495                <div class="nameMedia" itemprop="name">O Que Pode Dar Errado?</div>
3496                <video onclick="Hover.details('/detalhes/418519')" muted loop src=""></video>
3497                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
3498
3499                            <img draggable="false" onclick="Hover.details('/detalhes/418519')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="O Que Pode Dar Errado?" src="https://images-01.ottvs.com.br/0418519/0418519_335.jpg" loading="lazy" />
3500                            <img draggable="false" onclick="Hover.details('/detalhes/418519')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="O Que Pode Dar Errado?" src="https://images-01.ottvs.com.br/0418519/looke_1010_670.jpg" loading="lazy" />
3501
3502                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0418519/0418519.mp4" />
3503                    <div class="mediaProgressBar" style="display: none">
3504                        <div class="baseBar"></div>
3505                        <div class="percentBar" style="width: 0%"></div>
3506                    </div>
3507                </div>
3508            <div class="mediaSynopsi">
3509    @ -299,21 +288,10 @ button#btnCancelar {
3510  
3511                <div class="buttons">
3512                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
3513                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/418519&amp;t=O%20Que%20Pode%20Dar%20Errado%3F");' class="buttom" data-type="facebook">
3514                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
3515                    </div>
3516                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/418519&amp;
3516text=O%20Que%20Pode%20Dar%20Errado%3F");' class="buttom" data-type="twitter">
3517                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
3518                    </div>
3519                </div>
3520                <div class="text">
3521                    <div><strong>O Que Pode Dar Errado?</strong></div>
3522                    <div>R&#xE9;gis decide levar sua fam&#xED;lia em uma viagem surpresa para uma casa no meio da floresta.</div>
3523                </div>
3524            </div>
3525        </div>
3526            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
3527    </div>
3528</li>
3529
3530<script>
3531    var IdItemSelected;
3532
3533function onDeleteItem(idItem) {
3534    IdItemSelected = idItem;
3535    $('#modalConfirmacao').show();
3536}
3537    $(document).ready(function() {
3538        $('.close, #btnCancelar').unbind('click')
3539        $('.close, #btnCancelar').click(function() {
3540            $('#modalConfirmacao').hide();
3541        });
3542
3543        $('#btnConfirmar').unbind('click')
3544        $('#btnConfirmar').click(function() {
3545            Helpers.showLoading();
3546             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
3547                $(`[mediaid=${IdItemSelected}]`).fadeOut();
3548                $('#modalConfirmacao').hide();
3549            }).done(function (response) {
3550                if (JSON.parse(response).response.toLowerCase() == "true") {
3551                    location.reload();
3552                }
3553                else{
3554                    Helpers.hideLoading();
3555                }
3556            }).fail(function (erro) {
3557               console.log(erro.responseText)
3558            });
3559        });
3560    });
3561</script>
3561
3562
3563<style>
3564    .remove-icon {
3565        position: absolute;
3566        top: 10px;
3567        left: 10px;
3568        display: flex;
3569        align-items: center;
3570        opacity: 0;
3571        transition: opacity 0.3s ease;
3572    }
3573    .remove-icon img {
3574        width: 30px; 
3575        height: 30px;
3576        background-color: rgba(0, 0, 0, 0.7);
3577        border-radius: 5px;
3578    }
3579    .remove-icon span {
3580        font-size: 14px;
3581        color: #fff;
3582        background-color: rgba(0, 0, 0, 0.7);
3583        padding: 5px;
3584        border-radius: 3px;
3585        margin-left: 30px;
3586        display: none;
3587    }
3588    .media-image:hover .remove-icon {
3589        opacity: 1;
3590    }
3591    .remove-icon:hover span {
3592        display: inline-block; 
3593    }
3594    .modal {
3595        display: none; 
3596        position: fixed;
3597        z-index: 10000;
3598        left: 0;
3599        top: 0;
3600        width: 100%;
3601        height: 100%;
3602        background-color: rgba(0, 0, 0, 0.5);
3603    }
3604    .modal-content {
3605        background-color: white;
3606        margin: 15% auto;
3607        padding: 20px;
3608        border: 1px solid #888;
3609        width: 30%;
3610        text-align: center;
3611        position: relative;
3612        color: #444;
3613        z-index: 10;
3614    }
3615    .close {
3616        position: absolute;
3617        top: 10px;
3618        right: 15px;
3619        font-size: 20px;
3620        font-weight: bold;
3621        cursor: pointer;
3622    }
3623    button {
3624        margin: 10px;
3625        padding: 10px 20px;
3626        cursor: pointer;
3627    }
3628    button#btnCancelar {
3629        background-color: transparent;
3630        color: black;
3631        border: none;
3632    }
3633</style>
3634
3635<li itemscope itemtype="http://schema.org/ItemList" mediaid="422981">
3636    <div class="mediaContainer media-style"
3637         onmousemove="Hover.checkHoverPosition(event, $(this))"
3638         onmouseout="Hover.mobileOut(event, $(this))"
3639         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
3640        <div class="item_loader"></div>
3641        <div class="priceContainer">
3642        </div>
3643        <div class="mediaHover">
3644            <div class="hoverContainerInfo">
3645                <div>
3646                    <div class="hoverTitle">
3647                        <div class="hoverTextTitle">Trapaceando em Latim</div>
3648                            <div class="hoverInfoTitle">2024 (1h 32m)</div>
3649                    </div>
3650                </div>
3651                <div class="hoverContainerAge">
3652                    <div class="hoverAge movie-age movie-age-A14"></div>
3653                    <div class="hoverInfo">
3654                        <div class="movie-captionContainer">
3655                                <div class="movie-caption">Dublado</div>
3656                                <div class="movie-caption">Legendado</div>
3657                        </div>
3658                        <div class="hoverGenre">
3659                            Com&#xE9;dia, Drama
3660                        </div>
3661                    </div>
3662                </div>
3663            </div>
3664        </div>
3665        <div class="mediaCover">
3666           
3667            <div class="media-image">
3668                <div class="nameMedia" itemprop="name">Trapaceando em Latim</div>
3669                <video onclick="Hover.details('/detalhes/422981')" muted loop src=""></video>
3670                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
3671
3672                                <img
3673                                    draggable="false"
3674                                    loading="lazy"
3675                                    onclick="Hover.details('/detalhes/422981')"
3676                                    onerror="this.src=''; this.onerror = null;"
3677                                    class="imgStyle_landscape imgBase"
3678                                    itemprop="image"
3679                                    alt="Trapaceando em Latim"
3680                                    src="https://images-01.ottvs.com.br/0422981/0422981_335.jpg"
3681                                    onload="$(this).fadeIn();"
3682                                />
3683
3684                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0422981/0422981.mp4" />
3685                    <div class="mediaProgressBar" style="display: none">
3686                        <div class="baseBar"></div>
3687                        <div class="percentBar" style="width: 0%"></div>
3688                    </div>
3689                </div>
3690            <div class="mediaSynopsi">
3691    @ -299,21 +288,10 @ button#btnCancelar {
3692  
3693                <div class="buttons">
3694                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
3695                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/422981&amp;t=Trapaceando%20em%20Latim");' class="buttom" data-type="facebook">
3696                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
3697                    </div>
3698                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/422981&amp;text=Trapaceando%20em%20Latim");' class="buttom" data-type="twitter">
3699                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
3700                    </div>
3701                </div>
3702                <div class="text">
3703                    <div><strong>Trapaceando em Latim</strong></div>
3704                    <div>Ap&#xF3;s receberem notas falsas, uma turma de alunos se classifica para o Campeonato Mundial de Latim.</div>
3705                </div>
3706            </div>
3707        </div>
3708            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
3709    </div>
3710</li>
3711
3712<script>
3713    var IdItemSelected;
3714
3715function onDeleteItem(idItem) {
3716    IdItemSelected = idItem;
3717    $('#modalConfirmacao').show();
3718}
3719    $(document).ready(function() {
3720        $('.close, #btnCancelar').unbind('click')
3721        $('.close, #btnCancelar').click(function() {
3722            $('#modalConfirmacao').hide();
3723        });
3724
3725        $('#btnConfirmar').unbind('click')
3726        $('#btnConfirmar').click(function() {
3727            Helpers.showLoading();
3728             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
3729                $(`[mediaid=${IdItemSelected}]`).fadeOut();
3730                $('#modalConfirmacao').hide();
3731            }).done(function (response) {
3732                if (JSON.parse(response).response.toLowerCase() == "true") {
3733                    location.reload();
3734                }
3735                else{
3736                    Helpers.hideLoading();
3737                }
3738            }).fail(function (erro) {
3739               console.log(erro.responseText)
3740            });
3741        });
3742    });
3743</script>
3743
3744
3745<style>
3746    .remove-icon {
3747        position: absolute;
3748        top: 10px;
3749        left: 10px;
3750        display: flex;
3751        align-items: center;
3752        opacity: 0;
3753        transition: opacity 0.3s ease;
3754    }
3755    .remove-icon img {
3756        width: 30px; 
3757        height: 30px;
3758        background-color: rgba(0, 0, 0, 0.7);
3759        border-radius: 5px;
3760    }
3761    .remove-icon span {
3762        font-size: 14px;
3763        color: #fff;
3764        background-color: rgba(0, 0, 0, 0.7);
3765        padding: 5px;
3766        border-radius: 3px;
3767        margin-left: 30px;
3768        display: none;
3769    }
3770    .media-image:hover .remove-icon {
3771        opacity: 1;
3772    }
3773    .remove-icon:hover span {
3774        display: inline-block; 
3775    }
3776    .modal {
3777        display: none; 
3778        position: fixed;
3779        z-index: 10000;
3780        left: 0;
3781        top: 0;
3782        width: 100%;
3783        height: 100%;
3784        background-color: rgba(0, 0, 0, 0.5);
3785    }
3786    .modal-content {
3787        background-color: white;
3788        margin: 15% auto;
3789        padding: 20px;
3790        border: 1px solid #888;
3791        width: 30%;
3792        text-align: center;
3793        position: relative;
3794        color: #444;
3795        z-index: 10;
3796    }
3797    .close {
3798        position: absolute;
3799        top: 10px;
3800        right: 15px;
3801        font-size: 20px;
3802        font-weight: bold;
3803        cursor: pointer;
3804    }
3805    button {
3806        margin: 10px;
3807        padding: 10px 20px;
3808        cursor: pointer;
3809    }
3810    button#btnCancelar {
3811        background-color: transparent;
3812        color: black;
3813        border: none;
3814    }
3815</style>
3816
3817<li itemscope itemtype="http://schema.org/ItemList" mediaid="445086">
3818    <div class="mediaContainer media-style"
3819         onmousemove="Hover.checkHoverPosition(event, $(this))"
3820         onmouseout="Hover.mobileOut(event, $(this))"
3821         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
3822        <div class="item_loader"></div>
3823        <div class="priceContainer">
3824        </div>
3825        <div class="mediaHover">
3826            <div class="hoverContainerInfo">
3827                <div>
3828                    <div class="hoverTitle">
3829                        <div class="hoverTextTitle">Uma Viagem para Recordar</div>
3830                            <div class="hoverInfoTitle">2024 (1h 37m)</div>
3831                    </div>
3832                </div>
3833                <div class="hoverContainerAge">
3834                    <div class="hoverAge movie-age movie-age-A12"></div>
3835                    <div class="hoverInfo">
3836                        <div class="movie-captionContainer">
3837                                <div class="movie-caption">Dublado</div>
3838                                <div class="movie-caption">Legendado</div>
3839                        </div>
3840                        <div class="hoverGenre">
3841                            Com&#xE9;dia, Drama
3842                        </div>
3843                    </div>
3844                </div>
3845            </div>
3846        </div>
3847        <div class="mediaCover">
3848           
3849            <div class="media-image">
3850                <div class="nameMedia" itemprop="name">Uma Viagem para Recordar</div>
3851                <video onclick="Hover.details('/detalhes/445086')" muted loop src=""></video>
3852                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
3853
3854                                <img
3855                                    draggable="false"
3856                                    loading="lazy"
3857                                    onclick="Hover.details('/detalhes/445086')"
3858                                    onerror="this.src=''; this.onerror = null;"
3859                                    class="imgStyle_landscape imgBase"
3860                                    itemprop="image"
3861                                    alt="Uma Viagem para Recordar"
3862                                    src="https://images-01.ottvs.com.br/0445086/0445086_335.jpg"
3863                                    onload="$(this).fadeIn();"
3864                                />
3865
3866                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
3866om.br/0445086/0445086.mp4" />
3867                    <div class="mediaProgressBar" style="display: none">
3868                        <div class="baseBar"></div>
3869                        <div class="percentBar" style="width: 0%"></div>
3870                    </div>
3871                </div>
3872            <div class="mediaSynopsi">
3873    @ -299,21 +288,10 @ button#btnCancelar {
3874  
3875                <div class="buttons">
3876                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
3877                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/445086&amp;t=Uma%20Viagem%20para%20Recordar");' class="buttom" data-type="facebook">
3878                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
3879                    </div>
3880                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/445086&amp;text=Uma%20Viagem%20para%20Recordar");' class="buttom" data-type="twitter">
3881                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
3882                    </div>
3883                </div>
3884                <div class="text">
3885                    <div><strong>Uma Viagem para Recordar</strong></div>
3886                    <div>Ao viajar com sua esposa, um homem amargurado redescobrir&#xE1; o verdadeiro significado do amor.</div>
3887                </div>
3888            </div>
3889        </div>
3890            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
3891    </div>
3892</li>
3893
3894<script>
3895    var IdItemSelected;
3896
3897function onDeleteItem(idItem) {
3898    IdItemSelected = idItem;
3899    $('#modalConfirmacao').show();
3900}
3901    $(document).ready(function() {
3902        $('.close, #btnCancelar').unbind('click')
3903        $('.close, #btnCancelar').click(function() {
3904            $('#modalConfirmacao').hide();
3905        });
3906
3907        $('#btnConfirmar').unbind('click')
3908        $('#btnConfirmar').click(function() {
3909            Helpers.showLoading();
3910             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
3911                $(`[mediaid=${IdItemSelected}]`).fadeOut();
3912                $('#modalConfirmacao').hide();
3913            }).done(function (response) {
3914                if (JSON.parse(response).response.toLowerCase() == "true") {
3915                    location.reload();
3916                }
3917                else{
3918                    Helpers.hideLoading();
3919                }
3920            }).fail(function (erro) {
3921               console.log(erro.responseText)
3922            });
3923        });
3924    });
3925</script>
3925
3926
3927<style>
3928    .remove-icon {
3929        position: absolute;
3930        top: 10px;
3931        left: 10px;
3932        display: flex;
3933        align-items: center;
3934        opacity: 0;
3935        transition: opacity 0.3s ease;
3936    }
3937    .remove-icon img {
3938        width: 30px; 
3939        height: 30px;
3940        background-color: rgba(0, 0, 0, 0.7);
3941        border-radius: 5px;
3942    }
3943    .remove-icon span {
3944        font-size: 14px;
3945        color: #fff;
3946        background-color: rgba(0, 0, 0, 0.7);
3947        padding: 5px;
3948        border-radius: 3px;
3949        margin-left: 30px;
3950        display: none;
3951    }
3952    .media-image:hover .remove-icon {
3953        opacity: 1;
3954    }
3955    .remove-icon:hover span {
3956        display: inline-block; 
3957    }
3958    .modal {
3959        display: none; 
3960        position: fixed;
3961        z-index: 10000;
3962        left: 0;
3963        top: 0;
3964        width: 100%;
3965        height: 100%;
3966        background-color: rgba(0, 0, 0, 0.5);
3967    }
3968    .modal-content {
3969        background-color: white;
3970        margin: 15% auto;
3971        padding: 20px;
3972        border: 1px solid #888;
3973        width: 30%;
3974        text-align: center;
3975        position: relative;
3976        color: #444;
3977        z-index: 10;
3978    }
3979    .close {
3980        position: absolute;
3981        top: 10px;
3982        right: 15px;
3983        font-size: 20px;
3984        font-weight: bold;
3985        cursor: pointer;
3986    }
3987    button {
3988        margin: 10px;
3989        padding: 10px 20px;
3990        cursor: pointer;
3991    }
3992    button#btnCancelar {
3993        background-color: transparent;
3994        color: black;
3995        border: none;
3996    }
3997</style>
3998
3999<li itemscope itemtype="http://schema.org/ItemList" mediaid="436569">
4000    <div class="mediaContainer media-style"
4001         onmousemove="Hover.checkHoverPosition(event, $(this))"
4002         onmouseout="Hover.mobileOut(event, $(this))"
4003         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
4004        <div class="item_loader"></div>
4005        <div class="priceContainer">
4006        </div>
4007        <div class="mediaHover">
4008            <div class="hoverContainerInfo">
4009                <div>
4010                    <div class="hoverTitle">
4011                        <div class="hoverTextTitle">Luz Fantasma</div>
4012                            <div class="hoverInfoTitle">2024 (1h 55m)</div>
4013                    </div>
4014                </div>
4015                <div class="hoverContainerAge">
4016                    <div class="hoverAge movie-age movie-age-A12"></div>
4017                    <div class="hoverInfo">
4018                        <div class="movie-captionContainer">
4019                                <div class="movie-caption">Dublado</div>
4020                                <div class="movie-caption">Legendado</div>
4021                        </div>
4022                        <div class="hoverGenre">
4023                            Com&#xE9;dia, Drama
4024                        </div>
4025                    </div>
4026                </div>
4027            </div>
4028        </div>
4029        <div class="mediaCover">
4030           
4031            <div class="media-image">
4032                <div class="nameMedia" itemprop="name">Luz Fantasma</div>
4033                <video onclick="Hover.details('/detalhes/436569')" muted loop src=""></video>
4034                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
4035
4036                                <img
4037                                    draggable="false"
4038                                    loading="lazy"
4039                                    onclick="Hover.details('/detalhes/436569')"
4040                                    onerror="this.src=''; this.onerror = null;"
4041                                    class="imgStyle_landscape imgBase"
4042                                    itemprop="image"
4043                                    alt="Luz Fantasma"
4044                                    src="https://images-01.ottvs.com.br/0436569/0436569_335.jpg"
4045                                    onload="$(this).fadeIn();"
4046                                />
4047
4048                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0436569/0436569.mp4" />
4049                    <div class="mediaProgressBar" style="display: none">
4050                        <div class="baseBar"></div>
4051                        <div class="percentBar" style="width: 0%"></div>
4052                    </div>
4053                </div>
4054            <div class="mediaSynopsi">
4055    @ -299,21 +288,10 @ button#btnCancelar {
4056  
4057                <div class="buttons">
4058                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
4059                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/436569&amp;t=Luz%20Fantasma");' class="buttom" data-type="facebook">
4060                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
4061                    </div>
4062                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/436569&amp;text=Luz%20Fantasma");' class="buttom" data-type="twitter">
4063                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
4064                    </div>
4065                </div>
4066                <div class="text">
4067                    <div><strong>Luz Fantasma</strong></div>
4068                    <div>
4068Dan nunca superou a morte do filho, mas encontrar&#xE1; algum conforto ao ser convidado para atuar.</div>
4069                </div>
4070            </div>
4071        </div>
4072            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
4073    </div>
4074</li>
4075
4076<script>
4077    var IdItemSelected;
4078
4079function onDeleteItem(idItem) {
4080    IdItemSelected = idItem;
4081    $('#modalConfirmacao').show();
4082}
4083    $(document).ready(function() {
4084        $('.close, #btnCancelar').unbind('click')
4085        $('.close, #btnCancelar').click(function() {
4086            $('#modalConfirmacao').hide();
4087        });
4088
4089        $('#btnConfirmar').unbind('click')
4090        $('#btnConfirmar').click(function() {
4091            Helpers.showLoading();
4092             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
4093                $(`[mediaid=${IdItemSelected}]`).fadeOut();
4094                $('#modalConfirmacao').hide();
4095            }).done(function (response) {
4096                if (JSON.parse(response).response.toLowerCase() == "true") {
4097                    location.reload();
4098                }
4099                else{
4100                    Helpers.hideLoading();
4101                }
4102            }).fail(function (erro) {
4103               console.log(erro.responseText)
4104            });
4105        });
4106    });
4107</script>
4107
4108
4109<style>
4110    .remove-icon {
4111        position: absolute;
4112        top: 10px;
4113        left: 10px;
4114        display: flex;
4115        align-items: center;
4116        opacity: 0;
4117        transition: opacity 0.3s ease;
4118    }
4119    .remove-icon img {
4120        width: 30px; 
4121        height: 30px;
4122        background-color: rgba(0, 0, 0, 0.7);
4123        border-radius: 5px;
4124    }
4125    .remove-icon span {
4126        font-size: 14px;
4127        color: #fff;
4128        background-color: rgba(0, 0, 0, 0.7);
4129        padding: 5px;
4130        border-radius: 3px;
4131        margin-left: 30px;
4132        display: none;
4133    }
4134    .media-image:hover .remove-icon {
4135        opacity: 1;
4136    }
4137    .remove-icon:hover span {
4138        display: inline-block; 
4139    }
4140    .modal {
4141        display: none; 
4142        position: fixed;
4143        z-index: 10000;
4144        left: 0;
4145        top: 0;
4146        width: 100%;
4147        height: 100%;
4148        background-color: rgba(0, 0, 0, 0.5);
4149    }
4150    .modal-content {
4151        background-color: white;
4152        margin: 15% auto;
4153        padding: 20px;
4154        border: 1px solid #888;
4155        width: 30%;
4156        text-align: center;
4157        position: relative;
4158        color: #444;
4159        z-index: 10;
4160    }
4161    .close {
4162        position: absolute;
4163        top: 10px;
4164        right: 15px;
4165        font-size: 20px;
4166        font-weight: bold;
4167        cursor: pointer;
4168    }
4169    button {
4170        margin: 10px;
4171        padding: 10px 20px;
4172        cursor: pointer;
4173    }
4174    button#btnCancelar {
4175        background-color: transparent;
4176        color: black;
4177        border: none;
4178    }
4179</style>
4180
4181<li itemscope itemtype="http://schema.org/ItemList" mediaid="471597">
4182    <div class="mediaContainer media-style"
4183         onmousemove="Hover.checkHoverPosition(event, $(this))"
4184         onmouseout="Hover.mobileOut(event, $(this))"
4185         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
4186        <div class="item_loader"></div>
4187        <div class="priceContainer">
4188        </div>
4189        <div class="mediaHover">
4190            <div class="hoverContainerInfo">
4191                <div>
4192                    <div class="hoverTitle">
4193                        <div class="hoverTextTitle">Um Dia de Cada Vez</div>
4194                            <div class="hoverInfoTitle">2023 (1h 41m)</div>
4195                    </div>
4196                </div>
4197                <div class="hoverContainerAge">
4198                    <div class="hoverAge movie-age movie-age-A14"></div>
4199                    <div class="hoverInfo">
4200                        <div class="movie-captionContainer">
4201                                <div class="movie-caption">Dublado</div>
4202                                <div class="movie-caption">Legendado</div>
4203                        </div>
4204                        <div class="hoverGenre">
4205                            Com&#xE9;dia, Drama
4206                        </div>
4207                    </div>
4208                </div>
4209            </div>
4210        </div>
4211        <div class="mediaCover">
4212           
4213            <div class="media-image">
4214                <div class="nameMedia" itemprop="name">Um Dia de Cada Vez</div>
4215                <video onclick="Hover.details('/detalhes/471597')" muted loop src=""></video>
4216                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
4217
4218                            <img draggable="false" onclick="Hover.details('/detalhes/471597')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Um Dia de Cada Vez" src="https://images-01.ottvs.com.br/0471597/0471597_335.jpg" loading="lazy" />
4219                            <img draggable="false" onclick="Hover.details('/detalhes/471597')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Um Dia de Cada Vez" src="https://images-01.ottvs.com.br/0471597/looke_1010_670.jpg" loading="lazy" />
4220
4221                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0471597/0471597.mp4" />
4222                    <div class="mediaProgressBar" style="display: none">
4223                        <div class="baseBar"></div>
4224                        <div class="percentBar" style="width: 0%"></div>
4225                    </div>
4226                </div>
4227            <div class="mediaSynopsi">
4228    @ -299,21 +288,10 @ button#btnCancelar {
4229  
4230                <div class="buttons">
4231                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
4232                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/471597&amp;t=Um%20Dia%20de%20Cada%20Vez");' class="buttom" data-type="facebook">
4233                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
4234                    </div>
4235                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/471597&amp;text=Um%20Dia%20de%20Cada%20Vez");' class="buttom" data-type="twitter">
4236                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
4237                    </div>
4238                </div>
4239                <div class="text">
4240                    <div><strong>Um Dia de Cada Vez</strong></div>
4241                    <div>Um jovem t&#xED;mido e solit&#xE1;rio conhece uma garota que vive cada dia como se fosse o &#xFA;ltimo.</div>
4242                </div>
4243            </div>
4244        </div>
4245            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
4246    </div>
4247</li>
4248
4249<script>
4250    var IdItemSelected;
4251
4252function onDeleteItem(idItem) {
4253    IdItemSelected = idItem;
4254    $('#modalConfirmacao').show();
4255}
4256    $(document).ready(function() {
4257        $('.close, #btnCancelar').unbind('click')
4258        $('.close, #btnCancelar').click(function() {
4259            $('#modalConfirmacao').hide();
4260        });
4261
4262        $('#btnConfirmar').unbind('click')
4263        $('#btnConfirmar').click(function() {
4264            Helpers.showLoading();
4265             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
4266                $(`[mediaid=${IdItemSelected}]`).fadeOut();
4267                $('#modalConfirmacao').hide();
4268            }).done(function (response) {
4269                if (JSON.parse(response).response.toLowerCase() == "true") {
4270                    location.reload();
4271                }
4272                else{
4273                    Helpers.hideLoading();
4274                }
4275            }).fail(function (erro) {
4276               console.log(erro.responseText)
4277            });
4278        });
4279    });
4280</script>
4280
4281                            </ul>
4282                </div>
4283
4284            </div>
4285            <div class="carousel_media_details">
4286                <div class="panel_loader">
4287                    <div class="panel_loader_img"></div>
4288                </div>
4289                <span class="og-close"></span>
4290                <div class="movie-info"></div>
4291            </div>
4292
4293        </div>
4294    </div>
4295</div>    </div>
4296    <div class="" style="background-color:">
4297
4298<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7025" style="z-index: 10;">
4299    <div class="item">
4300        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
4301            <img src="https://resources-01.ottvs.com.br/banner/781d73fe-32f0-4824-b20a-be1c7c381974.jpg">
4302        </div>
4303    </div>
4304
4305 
4306</div>
4307
4308<script type="text/javascript">
4309   //$(document).ready(function () {
4310    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
4311    statePadingValue = isMobile ? 10 : 30
4312
4313    carouselConfig = {
4314        nav: isMobile ? false : true, // Show next and prev buttons
4315        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
4316        slideSpeed: 300,
4317        navSpeed: 800,
4318        margin: 50,
4319        stagePadding: $(".page-home").length ? statePadingValue : 0,
4320        items: 1,
4321        loop: true,
4322        autoplay: true,
4323        navigationText: ["", ""],
4324        afterInit: function (elem) {
4325            var that = this
4326            that.owlControls.prependTo(elem)
4327        }
4328    }
4329        
4330    carouselConfig.animateOut = '';
4331    carouselConfig.autoplayTimeout = (8) * 1000;
4332
4333    $(".owl-id-7025").owlCarousel(carouselConfig),
4334    $('.owl-id- .owl-pagination').addClass("hideSmall");
4335
4336    //});
4337</script>
4337
4338    </div>
4339    <div class="" style="background-color:#000000">
4340<div class="frame-holder">
4341    <div class="frame-center">
4342        <div class="mediaCarousel sectionStyle_1" carrousel-id='5584' id="media-5584" style="">
4343                <a class="carousel_title_panel" href="/movies/originais-e-exclusivos-looke">
4344                    <div>Originais e Exclusivos Looke</div>   
4345                </a>
4346            <div class="frame-container">
4347                <div class="carousel_loader" style="display: none">
4348                    <div class="carousel_loader_img"></div>
4349                </div>
4350                <div onmousemove="Carousel.closeHover()" onclick="Carousel.scrollLeft(event, $(this).parent().find('ul'))" class="frame-left" style="display:none">
4351                    <div class="frame-left-arrow"></div>
4352                </div>
4353                <div onmouseover="Carousel.closeHover()" onclick="Carousel.scrollRight(event, $(this).parent().find('ul'))" class="frame-right" >
4354                    <div class="frame-right-arrow"></div>
4355                </div>
4356                <div class="frame"
4357                     onmousedown="Carousel.initScrool(event, $(this).find('ul'))"
4358                     onmouseup="Carousel.completeScrool(event, $(this).find('ul'))"
4359                     onmousemove="Carousel.moveScrool();">
4360                            <ul class="items" id="Id-d142fd11-93ed-4f3f-9714-4a57b6c06783">
4361                                <input type="hidden" class="sectionId" value="5584" />
4362                                <input type="hidden" class="lastPage" value="0" />
4363                                <input type="hidden" class="totalRecords" value="367" />
4364                                <input type="hidden" class="sectionStyle" value="1" />
4365
4366<style>
4367    .remove-icon {
4368        position: absolute;
4369        top: 10px;
4370        left: 10px;
4371        display: flex;
4372        align-items: center;
4373        opacity: 0;
4374        transition: opacity 0.3s ease;
4375    }
4376    .remove-icon img {
4377        width: 30px; 
4378        height: 30px;
4379        background-color: rgba(0, 0, 0, 0.7);
4380        border-radius: 5px;
4381    }
4382    .remove-icon span {
4383        font-size: 14px;
4384        color: #fff;
4385        background-color: rgba(0, 0, 0, 0.7);
4386        padding: 5px;
4387        border-radius: 3px;
4388        margin-left: 30px;
4389        display: none;
4390    }
4391    .media-image:hover .remove-icon {
4392        opacity: 1;
4393    }
4394    .remove-icon:hover span {
4395        display: inline-block; 
4396    }
4397    .modal {
4398        display: none; 
4399        position: fixed;
4400        z-index: 10000;
4401        left: 0;
4402        top: 0;
4403        width: 100%;
4404        height: 100%;
4405        background-color: rgba(0, 0, 0, 0.5);
4406    }
4407    .modal-content {
4408        background-color: white;
4409        margin: 15% auto;
4410        padding: 20px;
4411        border: 1px solid #888;
4412        width: 30%;
4413        text-align: center;
4414        position: relative;
4415        color: #444;
4416        z-index: 10;
4417    }
4418    .close {
4419        position: absolute;
4420        top: 10px;
4421        right: 15px;
4422        font-size: 20px;
4423        font-weight: bold;
4424        cursor: pointer;
4425    }
4426    button {
4427        margin: 10px;
4428        padding: 10px 20px;
4429        cursor: pointer;
4430    }
4431    button#btnCancelar {
4432        background-color: transparent;
4433        color: black;
4434        border: none;
4435    }
4436</style>
4437
4438<li itemscope itemtype="http://schema.org/ItemList" mediaid="483530">
4439    <div class="mediaContainer media-style"
4440         onmousemove="Hover.checkHoverPosition(event, $(this))"
4441         onmouseout="Hover.mobileOut(event, $(this))"
4442         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
4443        <div class="item_loader"></div>
4444        <div class="priceContainer">
4445        </div>
4446        <div class="mediaHover">
4447            <div class="hoverContainerInfo">
4448                <div>
4449                    <div class="hoverTitle">
4450                        <div class="hoverTextTitle">A Partida do S&#xE9;culo</div>
4451                            <div class="hoverInfoTitle">2021 (2h 24m)</div>
4452                    </div>
4453                </div>
4454                <div class="hoverContainerAge">
4455                    <div class="hoverAge movie-age movie-age-A12"></div>
4456                    <div class="hoverInfo">
4457                        <div class="movie-captionContainer">
4458                                <div class="movie-caption">Dublado</div>
4459                                <div class="movie-caption">Legendado</div>
4460                        </div>
4461                        <div class="hoverGenre">
4462                            Drama
4463                        </div>
4464                    </div>
4465                </div>
4466            </div>
4467        </div>
4468        <div class="mediaCover">
4469           
4470            <div class="media-image">
4471                <div class="nameMedia" itemprop="name">A Partida do S&#xE9;culo</div>
4472                <video onclick="Hover.details('/detalhes/483530')" muted loop src=""></video>
4473                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
4474
4475                                <img
4476                                    draggable="false"
4477                                    loading="lazy"
4478                                    onclick="Hover.details('/detalhes/483530')"
4479                                    onerror="this.src=''; this.onerror = null;"
4480                                    class="imgStyle_landscape imgBase"
4481                                    itemprop="image"
4482                                    alt="A Partida do S&#xE9;culo"
4483                                    src="https://images-01.ottvs.c
4483om.br/0483530/0483530_335.jpg"
4484                                    onload="$(this).fadeIn();"
4485                                />
4486
4487                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0483530/0483530.mp4" />
4488                    <div class="mediaProgressBar" style="display: none">
4489                        <div class="baseBar"></div>
4490                        <div class="percentBar" style="width: 0%"></div>
4491                    </div>
4492                </div>
4493            <div class="mediaSynopsi">
4494    @ -299,21 +288,10 @ button#btnCancelar {
4495  
4496                <div class="buttons">
4497                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
4498                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/483530&amp;t=A%20Partida%20do%20S%C3%A9culo");' class="buttom" data-type="facebook">
4499                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
4500                    </div>
4501                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/483530&amp;text=A%20Partida%20do%20S%C3%A9culo");' class="buttom" data-type="twitter">
4502                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
4503                    </div>
4504                </div>
4505                <div class="text">
4506                    <div><strong>A Partida do S&#xE9;culo</strong></div>
4507                    <div>Um jovem e ambicioso campe&#xE3;o de xadrez tenta defender seu t&#xED;tulo contra seu antigo mentor.</div>
4508                </div>
4509            </div>
4510        </div>
4511            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
4512    </div>
4513</li>
4514
4515<script>
4516    var IdItemSelected;
4517
4518function onDeleteItem(idItem) {
4519    IdItemSelected = idItem;
4520    $('#modalConfirmacao').show();
4521}
4522    $(document).ready(function() {
4523        $('.close, #btnCancelar').unbind('click')
4524        $('.close, #btnCancelar').click(function() {
4525            $('#modalConfirmacao').hide();
4526        });
4527
4528        $('#btnConfirmar').unbind('click')
4529        $('#btnConfirmar').click(function() {
4530            Helpers.showLoading();
4531             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
4532                $(`[mediaid=${IdItemSelected}]`).fadeOut();
4533                $('#modalConfirmacao').hide();
4534            }).done(function (response) {
4535                if (JSON.parse(response).response.toLowerCase() == "true") {
4536                    location.reload();
4537                }
4538                else{
4539                    Helpers.hideLoading();
4540                }
4541            }).fail(function (erro) {
4542               console.log(erro.responseText)
4543            });
4544        });
4545    });
4546</script>
4546
4547
4548<style>
4549    .remove-icon {
4550        position: absolute;
4551        top: 10px;
4552        left: 10px;
4553        display: flex;
4554        align-items: center;
4555        opacity: 0;
4556        transition: opacity 0.3s ease;
4557    }
4558    .remove-icon img {
4559        width: 30px; 
4560        height: 30px;
4561        background-color: rgba(0, 0, 0, 0.7);
4562        border-radius: 5px;
4563    }
4564    .remove-icon span {
4565        font-size: 14px;
4566        color: #fff;
4567        background-color: rgba(0, 0, 0, 0.7);
4568        padding: 5px;
4569        border-radius: 3px;
4570        margin-left: 30px;
4571        display: none;
4572    }
4573    .media-image:hover .remove-icon {
4574        opacity: 1;
4575    }
4576    .remove-icon:hover span {
4577        display: inline-block; 
4578    }
4579    .modal {
4580        display: none; 
4581        position: fixed;
4582        z-index: 10000;
4583        left: 0;
4584        top: 0;
4585        width: 100%;
4586        height: 100%;
4587        background-color: rgba(0, 0, 0, 0.5);
4588    }
4589    .modal-content {
4590        background-color: white;
4591        margin: 15% auto;
4592        padding: 20px;
4593        border: 1px solid #888;
4594        width: 30%;
4595        text-align: center;
4596        position: relative;
4597        color: #444;
4598        z-index: 10;
4599    }
4600    .close {
4601        position: absolute;
4602        top: 10px;
4603        right: 15px;
4604        font-size: 20px;
4605        font-weight: bold;
4606        cursor: pointer;
4607    }
4608    button {
4609        margin: 10px;
4610        padding: 10px 20px;
4611        cursor: pointer;
4612    }
4613    button#btnCancelar {
4614        background-color: transparent;
4615        color: black;
4616        border: none;
4617    }
4618</style>
4619
4620<li itemscope itemtype="http://schema.org/ItemList" mediaid="469382">
4621    <div class="mediaContainer media-style"
4622         onmousemove="Hover.checkHoverPosition(event, $(this))"
4623         onmouseout="Hover.mobileOut(event, $(this))"
4624         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
4625        <div class="item_loader"></div>
4626        <div class="priceContainer">
4627        </div>
4628        <div class="mediaHover">
4629            <div class="hoverContainerInfo">
4630                <div>
4631                    <div class="hoverTitle">
4632                        <div class="hoverTextTitle">Assassino</div>
4633                            <div class="hoverInfoTitle">2023 (1h 27m)</div>
4634                    </div>
4635                </div>
4636                <div class="hoverContainerAge">
4637                    <div class="hoverAge movie-age movie-age-A16"></div>
4638                    <div class="hoverInfo">
4639                        <div class="movie-captionContainer">
4640                                <div class="movie-caption">Dublado</div>
4641                                <div class="movie-caption">Legendado</div>
4642                        </div>
4643                        <div class="hoverGenre">
4644                            A&#xE7;&#xE3;o, Crime, Fic&#xE7;&#xE3;o Cient&#xED;fica
4645                        </div>
4646                    </div>
4647                </div>
4648            </div>
4649        </div>
4650        <div class="mediaCover">
4651           
4652            <div class="media-image">
4653                <div class="nameMedia" itemprop="name">Assassino</div>
4654                <video onclick="Hover.details('/detalhes/469382')" muted loop src=""></video>
4655                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
4656
4657                            <img draggable="false" onclick="Hover.details('/detalhes/469382')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Assassino" src="https://images-01.ottvs.com.br/0469382/0469382_335.jpg" loading="lazy" />
4658                            <img draggable="false" onclick="Hover.details('/detalhes/469382')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Assassino" src="https://images-01.ottvs.com.br/0469382/looke_1010_670.jpg" loading="lazy" />
4659
4660                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0469382/0469382.mp4" />
4661                    <div class="mediaProgressBar" style="display: none">
4662                        <div class="baseBar"></div>
4663                        <div class="percentBar" style="width: 0%"></div>
4664                    </div>
4665                </div>
4666            <div class="mediaSynopsi">
4667    @ -299,21 +288,10 @ button#btnCancelar {
4668  
4669                <div class="buttons">
4670                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
4671                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/469382&amp;t=Assassino");' class="buttom" data-type="facebook">
4672                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
4673                    </div>
4674                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/469382&amp;text=Assassino");' class="buttom" data-type="twitter">
4675                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
4676                    </div>
4677                </div>
4678                <div class="text">
4679                    <div><strong>Assassino</strong></div>
4680                    <div>Uma tecnologia militar permite que mentes controlem outros corpos em miss&#xF5;es letais.</div>
4681                </div>
4682            </div>
4683        </div>
4684            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
4685    </div>
4686</li>
4687
4688<script>
4689    var IdItemSelected;
4690
4691function onDeleteItem(idItem) {
4692    IdItemSelected = idItem;
4693    $('#modalConfirmacao').show();
4694}
4695    $(document).ready(function() {
4696        $('.close, #btnCancelar').unbind('click')
4697        $('.close, #btnCancelar').click(function() {
4698            $('#modalConfirmacao').hide();
4699        });
4700
4701        $('#btnConfirmar').unbind('click')
4702        $('#btnConfirmar').click(function() {
4703            Helpers.showLoading();
4704             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
4705                $(`[mediaid=${IdItemSelected}]`).fadeOut();
4706                $('#modalConfirmacao').hide();
4707            }).done(function (response) {
4708                if (JSON.parse(response).response.toLowerCase() == "true") {
4709                    location.reload();
4710                }
4711                else{
4712                    Helpers.hideLoading();
4713                }
4714            }).fail(function (erro) {
4715               console.log(erro.responseText)
4716            });
4717        });
4718    });
4719</script>
4719
4720
4721<style>
4722    .remove-icon {
4723        position: absolute;
4724        top: 10px;
4725        left: 10px;
4726        display: flex;
4727        align-items: center;
4728        opacity: 0;
4729        transition: opacity 0.3s ease;
4730    }
4731    .remove-icon img {
4732        width: 30px; 
4733        height: 30px;
4734        background-color: rgba(0, 0, 0, 0.7);
4735        border-radius: 5px;
4736    }
4737    .remove-icon span {
4738        font-size: 14px;
4739        color: #fff;
4740        background-color: rgba(0, 0, 0, 0.7);
4741        padding: 5px;
4742        border-radius: 3px;
4743        margin-left: 30px;
4744        display: none;
4745    }
4746    .media-image:hover .remove-icon {
4747        opacity: 1;
4748    }
4749    .remove-icon:hover span {
4750        display: inline-block; 
4751    }
4752    .modal {
4753        display: none; 
4754        position: fixed;
4755        z-index: 10000;
4756        left: 0;
4757        top: 0;
4758        width: 100%;
4759        height: 100%;
4760        background-color: rgba(0, 0, 0, 0.5);
4761    }
4762    .modal-content {
4763        background-color: white;
4764        margin: 15% auto;
4765        padding: 20px;
4766        border: 1px solid #888;
4767        width: 30%;
4768        text-align: center;
4769        position: relative;
4770        color: #444;
4771        z-index: 10;
4772    }
4773    .close {
4774        position: absolute;
4775        top: 10px;
4776        right: 15px;
4777        font-size: 20px;
4778        font-weight: bold;
4779        cursor: pointer;
4780    }
4781    button {
4782        margin: 10px;
4783        padding: 10px 20px;
4784        cursor: pointer;
4785    }
4786    button#btnCancelar {
4787        background-color: transparent;
4788        color: black;
4789        border: none;
4790    }
4791</style>
4792
4793<li itemscope itemtype="http://schema.org/ItemList" mediaid="446611">
4794    <div class="mediaContainer media-style"
4795         onmousemove="Hover.checkHoverPosition(event, $(this))"
4796         onmouseout="Hover.mobileOut(event, $(this))"
4797         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
4798        <div class="item_loader"></div>
4799        <div class="priceContainer">
4800        </div>
4801        <div class="mediaHover">
4802            <div class="hoverContainerInfo">
4803                <div>
4804                    <div class="hoverTitle">
4805                        <div class="hoverTextTitle">O Destino de Layla</div>
4806                            <div class="hoverInfoTitle">2023 (1h 23m)</div>
4807                    </div>
4808                </div>
4809                <div class="hoverContainerAge">
4810                    <div class="hoverAge movie-age movie-age-A14"></div>
4811                    <div class="hoverInfo">
4812                        <div class="movie-captionContainer">
4813                                <div class="movie-caption">Dublado</div>
4814                                <div class="movie-caption">Legendado</div>
4815                        </div>
4816                        <div class="hoverGenre">
4817                            Drama
4818                        </div>
4819                    </div>
4820                </div>
4821            </div>
4822        </div>
4823        <div class="mediaCover">
4824           
4825            <div class="media-image">
4826                <div class="nameMedia" itemprop="name">O Destino de Layla</div>
4827                <video onclick="Hover.details('/detalhes/446611')" muted loop src=""></video>
4828                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
4829
4830                                <img
4831                                    draggable="false"
4832                                    loading="lazy"
4833                                    onclick="Hover.details('/detalhes/446611')"
4834                                    onerror="this.src=''; this.onerror = null;"
4835                                    class="imgStyle_landscape imgBase"
4836                                    itemprop="image"
4837                                    alt="O Destino de Layla"
4838                                    src="https://images-01.ottvs.com.br/0446611/0446611_335.jpg"
4839                                    onload="$(this).fadeIn();"
4840                                />
4841
4842                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0446611/0446611.mp4" />
4843                    <div class="mediaProgressBar" style="display: none">
4844                        <div class="baseBar"></div>
4845                        <div class="percentBar" style="width: 0%"></div>
4846                    </div>
4847                </div>
4848            <div class="mediaSynopsi">
4849    @ -299,21 +288,10 @ button#btnCancelar {
4850  
4851                <div class="buttons">
4852                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
4853                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/446611&amp;t=O%20Destino%20de%20Layla");' class="buttom" data-type="facebook">
4854                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
4855                    </div>
4856                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/446611&amp;
4856text=O%20Destino%20de%20Layla");' class="buttom" data-type="twitter">
4857                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
4858                    </div>
4859                </div>
4860                <div class="text">
4861                    <div><strong>O Destino de Layla</strong></div>
4862                    <div>Ap&#xF3;s conhecer um jovem franc&#xEA;s, Layla muda a maneira como enxerga a sociedade em que vive.</div>
4863                </div>
4864            </div>
4865        </div>
4866            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
4867    </div>
4868</li>
4869
4870<script>
4871    var IdItemSelected;
4872
4873function onDeleteItem(idItem) {
4874    IdItemSelected = idItem;
4875    $('#modalConfirmacao').show();
4876}
4877    $(document).ready(function() {
4878        $('.close, #btnCancelar').unbind('click')
4879        $('.close, #btnCancelar').click(function() {
4880            $('#modalConfirmacao').hide();
4881        });
4882
4883        $('#btnConfirmar').unbind('click')
4884        $('#btnConfirmar').click(function() {
4885            Helpers.showLoading();
4886             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
4887                $(`[mediaid=${IdItemSelected}]`).fadeOut();
4888                $('#modalConfirmacao').hide();
4889            }).done(function (response) {
4890                if (JSON.parse(response).response.toLowerCase() == "true") {
4891                    location.reload();
4892                }
4893                else{
4894                    Helpers.hideLoading();
4895                }
4896            }).fail(function (erro) {
4897               console.log(erro.responseText)
4898            });
4899        });
4900    });
4901</script>
4901
4902
4903<style>
4904    .remove-icon {
4905        position: absolute;
4906        top: 10px;
4907        left: 10px;
4908        display: flex;
4909        align-items: center;
4910        opacity: 0;
4911        transition: opacity 0.3s ease;
4912    }
4913    .remove-icon img {
4914        width: 30px; 
4915        height: 30px;
4916        background-color: rgba(0, 0, 0, 0.7);
4917        border-radius: 5px;
4918    }
4919    .remove-icon span {
4920        font-size: 14px;
4921        color: #fff;
4922        background-color: rgba(0, 0, 0, 0.7);
4923        padding: 5px;
4924        border-radius: 3px;
4925        margin-left: 30px;
4926        display: none;
4927    }
4928    .media-image:hover .remove-icon {
4929        opacity: 1;
4930    }
4931    .remove-icon:hover span {
4932        display: inline-block; 
4933    }
4934    .modal {
4935        display: none; 
4936        position: fixed;
4937        z-index: 10000;
4938        left: 0;
4939        top: 0;
4940        width: 100%;
4941        height: 100%;
4942        background-color: rgba(0, 0, 0, 0.5);
4943    }
4944    .modal-content {
4945        background-color: white;
4946        margin: 15% auto;
4947        padding: 20px;
4948        border: 1px solid #888;
4949        width: 30%;
4950        text-align: center;
4951        position: relative;
4952        color: #444;
4953        z-index: 10;
4954    }
4955    .close {
4956        position: absolute;
4957        top: 10px;
4958        right: 15px;
4959        font-size: 20px;
4960        font-weight: bold;
4961        cursor: pointer;
4962    }
4963    button {
4964        margin: 10px;
4965        padding: 10px 20px;
4966        cursor: pointer;
4967    }
4968    button#btnCancelar {
4969        background-color: transparent;
4970        color: black;
4971        border: none;
4972    }
4973</style>
4974
4975<li itemscope itemtype="http://schema.org/ItemList" mediaid="441305">
4976    <div class="mediaContainer media-style"
4977         onmousemove="Hover.checkHoverPosition(event, $(this))"
4978         onmouseout="Hover.mobileOut(event, $(this))"
4979         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
4980        <div class="item_loader"></div>
4981        <div class="priceContainer">
4982        </div>
4983        <div class="mediaHover">
4984            <div class="hoverContainerInfo">
4985                <div>
4986                    <div class="hoverTitle">
4987                        <div class="hoverTextTitle">O Casal Duplicado</div>
4988                            <div class="hoverInfoTitle">2022 (1h 48m)</div>
4989                    </div>
4990                </div>
4991                <div class="hoverContainerAge">
4992                    <div class="hoverAge movie-age movie-age-A14"></div>
4993                    <div class="hoverInfo">
4994                        <div class="movie-captionContainer">
4995                                <div class="movie-caption">Dublado</div>
4996                                <div class="movie-caption">Legendado</div>
4997                        </div>
4998                        <div class="hoverGenre">
4999                            Suspense, Drama
5000                        </div>
5001                    </div>
5002                </div>
5003            </div>
5004        </div>
5005        <div class="mediaCover">
5006           
5007            <div class="media-image">
5008                <div class="nameMedia" itemprop="name">O Casal Duplicado</div>
5009                <video onclick="Hover.details('/detalhes/441305')" muted loop src=""></video>
5010                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5011
5012                            <img draggable="false" onclick="Hover.details('/detalhes/441305')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="O Casal Duplicado" src="https://images-01.ottvs.com.br/0441305/0441305_335.jpg" loading="lazy" />
5013                            <img draggable="false" onclick="Hover.details('/detalhes/441305')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="O Casal Duplicado" src="https://images-01.ottvs.com.br/0441305/looke_1010_670.jpg" loading="lazy" />
5014
5015                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0441305/0441305.mp4" />
5016                    <div class="mediaProgressBar" style="display: none">
5017                        <div class="baseBar"></div>
5018                        <div class="percentBar" style="width: 0%"></div>
5019                    </div>
5020                </div>
5021            <div class="mediaSynopsi">
5022    @ -299,21 +288,10 @ button#btnCancelar {
5023  
5024                <div class="buttons">
5025                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5026                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/441305&amp;t=O%20Casal%20Duplicado");' class="buttom" data-type="facebook">
5027                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5028                    </div>
5029                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/441305&amp;
5029text=O%20Casal%20Duplicado");' class="buttom" data-type="twitter">
5030                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5031                    </div>
5032                </div>
5033                <div class="text">
5034                    <div><strong>O Casal Duplicado</strong></div>
5035                    <div>Um casal descobre duas pessoas id&#xEA;nticas a eles vivendo na mesma cidade.</div>
5036                </div>
5037            </div>
5038        </div>
5039            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5040    </div>
5041</li>
5042
5043<script>
5044    var IdItemSelected;
5045
5046function onDeleteItem(idItem) {
5047    IdItemSelected = idItem;
5048    $('#modalConfirmacao').show();
5049}
5050    $(document).ready(function() {
5051        $('.close, #btnCancelar').unbind('click')
5052        $('.close, #btnCancelar').click(function() {
5053            $('#modalConfirmacao').hide();
5054        });
5055
5056        $('#btnConfirmar').unbind('click')
5057        $('#btnConfirmar').click(function() {
5058            Helpers.showLoading();
5059             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5060                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5061                $('#modalConfirmacao').hide();
5062            }).done(function (response) {
5063                if (JSON.parse(response).response.toLowerCase() == "true") {
5064                    location.reload();
5065                }
5066                else{
5067                    Helpers.hideLoading();
5068                }
5069            }).fail(function (erro) {
5070               console.log(erro.responseText)
5071            });
5072        });
5073    });
5074</script>
5074
5075
5076<style>
5077    .remove-icon {
5078        position: absolute;
5079        top: 10px;
5080        left: 10px;
5081        display: flex;
5082        align-items: center;
5083        opacity: 0;
5084        transition: opacity 0.3s ease;
5085    }
5086    .remove-icon img {
5087        width: 30px; 
5088        height: 30px;
5089        background-color: rgba(0, 0, 0, 0.7);
5090        border-radius: 5px;
5091    }
5092    .remove-icon span {
5093        font-size: 14px;
5094        color: #fff;
5095        background-color: rgba(0, 0, 0, 0.7);
5096        padding: 5px;
5097        border-radius: 3px;
5098        margin-left: 30px;
5099        display: none;
5100    }
5101    .media-image:hover .remove-icon {
5102        opacity: 1;
5103    }
5104    .remove-icon:hover span {
5105        display: inline-block; 
5106    }
5107    .modal {
5108        display: none; 
5109        position: fixed;
5110        z-index: 10000;
5111        left: 0;
5112        top: 0;
5113        width: 100%;
5114        height: 100%;
5115        background-color: rgba(0, 0, 0, 0.5);
5116    }
5117    .modal-content {
5118        background-color: white;
5119        margin: 15% auto;
5120        padding: 20px;
5121        border: 1px solid #888;
5122        width: 30%;
5123        text-align: center;
5124        position: relative;
5125        color: #444;
5126        z-index: 10;
5127    }
5128    .close {
5129        position: absolute;
5130        top: 10px;
5131        right: 15px;
5132        font-size: 20px;
5133        font-weight: bold;
5134        cursor: pointer;
5135    }
5136    button {
5137        margin: 10px;
5138        padding: 10px 20px;
5139        cursor: pointer;
5140    }
5141    button#btnCancelar {
5142        background-color: transparent;
5143        color: black;
5144        border: none;
5145    }
5146</style>
5147
5148<li itemscope itemtype="http://schema.org/ItemList" mediaid="424856">
5149    <div class="mediaContainer media-style"
5150         onmousemove="Hover.checkHoverPosition(event, $(this))"
5151         onmouseout="Hover.mobileOut(event, $(this))"
5152         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5153        <div class="item_loader"></div>
5154        <div class="priceContainer">
5155        </div>
5156        <div class="mediaHover">
5157            <div class="hoverContainerInfo">
5158                <div>
5159                    <div class="hoverTitle">
5160                        <div class="hoverTextTitle">Inverno em Chamas</div>
5161                            <div class="hoverInfoTitle">2022 (1h 56m)</div>
5162                    </div>
5163                </div>
5164                <div class="hoverContainerAge">
5165                    <div class="hoverAge movie-age movie-age-A16"></div>
5166                    <div class="hoverInfo">
5167                        <div class="movie-captionContainer">
5168                                <div class="movie-caption">Dublado</div>
5169                                <div class="movie-caption">Legendado</div>
5170                        </div>
5171                        <div class="hoverGenre">
5172                            Suspense, Aventura, Drama
5173                        </div>
5174                    </div>
5175                </div>
5176            </div>
5177        </div>
5178        <div class="mediaCover">
5179           
5180            <div class="media-image">
5181                <div class="nameMedia" itemprop="name">Inverno em Chamas</div>
5182                <video onclick="Hover.details('/detalhes/424856')" muted loop src=""></video>
5183                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5184
5185                            <img draggable="false" onclick="Hover.details('/detalhes/424856')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Inverno em Chamas" src="https://images-01.ottvs.com.br/0424856/0424856_335.jpg" loading="lazy" />
5186                            <img draggable="false" onclick="Hover.details('/detalhes/424856')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Inverno em Chamas" src="https://images-01.ottvs.com.br/0424856/looke_1010_670.jpg" loading="lazy" />
5187
5188                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0424856/0424856.mp4" />
5189                    <div class="mediaProgressBar" style="display: none">
5190                        <div class="baseBar"></div>
5191                        <div class="percentBar" style="width: 0%"></div>
5192                    </div>
5193                </div>
5194            <div class="mediaSynopsi">
5195    @ -299,21 +288,10 @ button#btnCancelar {
5196  
5197                <div class="buttons">
5198                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5199                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424856&amp;t=Inverno%20em%20Chamas");' class="buttom" data-type="facebook">
5200                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5201                    </div>
5202                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424856&amp;text=Inverno%20em%20Chamas");' class="buttom" data-type="twitter">
5203                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5204                    </div>
5205                </div>
5206                <div class="text">
5207                    <div><strong>Inverno em Chamas</strong></div>
5208                    <div>No inverno de 1943, diante da persegui&#xE7;&#xE3;o dos nazistas, Sara esconde uma fam&#xED;
5208lia judia em casa.</div>
5209                </div>
5210            </div>
5211        </div>
5212            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5213    </div>
5214</li>
5215
5216<script>
5217    var IdItemSelected;
5218
5219function onDeleteItem(idItem) {
5220    IdItemSelected = idItem;
5221    $('#modalConfirmacao').show();
5222}
5223    $(document).ready(function() {
5224        $('.close, #btnCancelar').unbind('click')
5225        $('.close, #btnCancelar').click(function() {
5226            $('#modalConfirmacao').hide();
5227        });
5228
5229        $('#btnConfirmar').unbind('click')
5230        $('#btnConfirmar').click(function() {
5231            Helpers.showLoading();
5232             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5233                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5234                $('#modalConfirmacao').hide();
5235            }).done(function (response) {
5236                if (JSON.parse(response).response.toLowerCase() == "true") {
5237                    location.reload();
5238                }
5239                else{
5240                    Helpers.hideLoading();
5241                }
5242            }).fail(function (erro) {
5243               console.log(erro.responseText)
5244            });
5245        });
5246    });
5247</script>
5247
5248
5249<style>
5250    .remove-icon {
5251        position: absolute;
5252        top: 10px;
5253        left: 10px;
5254        display: flex;
5255        align-items: center;
5256        opacity: 0;
5257        transition: opacity 0.3s ease;
5258    }
5259    .remove-icon img {
5260        width: 30px; 
5261        height: 30px;
5262        background-color: rgba(0, 0, 0, 0.7);
5263        border-radius: 5px;
5264    }
5265    .remove-icon span {
5266        font-size: 14px;
5267        color: #fff;
5268        background-color: rgba(0, 0, 0, 0.7);
5269        padding: 5px;
5270        border-radius: 3px;
5271        margin-left: 30px;
5272        display: none;
5273    }
5274    .media-image:hover .remove-icon {
5275        opacity: 1;
5276    }
5277    .remove-icon:hover span {
5278        display: inline-block; 
5279    }
5280    .modal {
5281        display: none; 
5282        position: fixed;
5283        z-index: 10000;
5284        left: 0;
5285        top: 0;
5286        width: 100%;
5287        height: 100%;
5288        background-color: rgba(0, 0, 0, 0.5);
5289    }
5290    .modal-content {
5291        background-color: white;
5292        margin: 15% auto;
5293        padding: 20px;
5294        border: 1px solid #888;
5295        width: 30%;
5296        text-align: center;
5297        position: relative;
5298        color: #444;
5299        z-index: 10;
5300    }
5301    .close {
5302        position: absolute;
5303        top: 10px;
5304        right: 15px;
5305        font-size: 20px;
5306        font-weight: bold;
5307        cursor: pointer;
5308    }
5309    button {
5310        margin: 10px;
5311        padding: 10px 20px;
5312        cursor: pointer;
5313    }
5314    button#btnCancelar {
5315        background-color: transparent;
5316        color: black;
5317        border: none;
5318    }
5319</style>
5320
5321<li itemscope itemtype="http://schema.org/ItemList" mediaid="435665">
5322    <div class="mediaContainer media-style"
5323         onmousemove="Hover.checkHoverPosition(event, $(this))"
5324         onmouseout="Hover.mobileOut(event, $(this))"
5325         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5326        <div class="item_loader"></div>
5327        <div class="priceContainer">
5328        </div>
5329        <div class="mediaHover">
5330            <div class="hoverContainerInfo">
5331                <div>
5332                    <div class="hoverTitle">
5333                        <div class="hoverTextTitle">A Nova Vida de Rose</div>
5334                            <div class="hoverInfoTitle">2021 (1h 43m)</div>
5335                    </div>
5336                </div>
5337                <div class="hoverContainerAge">
5338                    <div class="hoverAge movie-age movie-age-A12"></div>
5339                    <div class="hoverInfo">
5340                        <div class="movie-captionContainer">
5341                                <div class="movie-caption">Dublado</div>
5342                                <div class="movie-caption">Legendado</div>
5343                        </div>
5344                        <div class="hoverGenre">
5345                            Com&#xE9;dia, Drama
5346                        </div>
5347                    </div>
5348                </div>
5349            </div>
5350        </div>
5351        <div class="mediaCover">
5352           
5353            <div class="media-image">
5354                <div class="nameMedia" itemprop="name">A Nova Vida de Rose</div>
5355                <video onclick="Hover.details('/detalhes/435665')" muted loop src=""></video>
5356                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5357
5358                            <img draggable="false" onclick="Hover.details('/detalhes/435665')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Nova Vida de Rose" src="https://images-01.ottvs.com.br/0435665/0435665_335.jpg" loading="lazy" />
5359                            <img draggable="false" onclick="Hover.details('/detalhes/435665')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Nova Vida de Rose" src="https://images-01.ottvs.com.br/0435665/looke_1010_670.jpg" loading="lazy" />
5360
5361                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0435665/0435665.mp4" />
5362                    <div class="mediaProgressBar" style="display: none">
5363                        <div class="baseBar"></div>
5364                        <div class="percentBar" style="width: 0%"></div>
5365                    </div>
5366                </div>
5367            <div class="mediaSynopsi">
5368    @ -299,21 +288,10 @ button#btnCancelar {
5369  
5370                <div class="buttons">
5371                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5372                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/435665&amp;t=A%20Nova%20Vida%20de%20Rose");' class="buttom" data-type="facebook">
5373                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5374                    </div>
5375                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/435665&amp;text=A%20Nova%20Vida%20de%20Rose");' class="buttom" data-type="twitter">
5376                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5377                    </div>
5378                </div>
5379                <div class="text">
5380                    <div><strong>A Nova Vida de Rose</strong></div>
5381                    <div>Rose &#xE9; uma mulher de 78 anos que ap&#xF3;
5381s perder o marido, se redescobre como uma nova mulher.</div>
5382                </div>
5383            </div>
5384        </div>
5385            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5386    </div>
5387</li>
5388
5389<script>
5390    var IdItemSelected;
5391
5392function onDeleteItem(idItem) {
5393    IdItemSelected = idItem;
5394    $('#modalConfirmacao').show();
5395}
5396    $(document).ready(function() {
5397        $('.close, #btnCancelar').unbind('click')
5398        $('.close, #btnCancelar').click(function() {
5399            $('#modalConfirmacao').hide();
5400        });
5401
5402        $('#btnConfirmar').unbind('click')
5403        $('#btnConfirmar').click(function() {
5404            Helpers.showLoading();
5405             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5406                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5407                $('#modalConfirmacao').hide();
5408            }).done(function (response) {
5409                if (JSON.parse(response).response.toLowerCase() == "true") {
5410                    location.reload();
5411                }
5412                else{
5413                    Helpers.hideLoading();
5414                }
5415            }).fail(function (erro) {
5416               console.log(erro.responseText)
5417            });
5418        });
5419    });
5420</script>
5420
5421
5422<style>
5423    .remove-icon {
5424        position: absolute;
5425        top: 10px;
5426        left: 10px;
5427        display: flex;
5428        align-items: center;
5429        opacity: 0;
5430        transition: opacity 0.3s ease;
5431    }
5432    .remove-icon img {
5433        width: 30px; 
5434        height: 30px;
5435        background-color: rgba(0, 0, 0, 0.7);
5436        border-radius: 5px;
5437    }
5438    .remove-icon span {
5439        font-size: 14px;
5440        color: #fff;
5441        background-color: rgba(0, 0, 0, 0.7);
5442        padding: 5px;
5443        border-radius: 3px;
5444        margin-left: 30px;
5445        display: none;
5446    }
5447    .media-image:hover .remove-icon {
5448        opacity: 1;
5449    }
5450    .remove-icon:hover span {
5451        display: inline-block; 
5452    }
5453    .modal {
5454        display: none; 
5455        position: fixed;
5456        z-index: 10000;
5457        left: 0;
5458        top: 0;
5459        width: 100%;
5460        height: 100%;
5461        background-color: rgba(0, 0, 0, 0.5);
5462    }
5463    .modal-content {
5464        background-color: white;
5465        margin: 15% auto;
5466        padding: 20px;
5467        border: 1px solid #888;
5468        width: 30%;
5469        text-align: center;
5470        position: relative;
5471        color: #444;
5472        z-index: 10;
5473    }
5474    .close {
5475        position: absolute;
5476        top: 10px;
5477        right: 15px;
5478        font-size: 20px;
5479        font-weight: bold;
5480        cursor: pointer;
5481    }
5482    button {
5483        margin: 10px;
5484        padding: 10px 20px;
5485        cursor: pointer;
5486    }
5487    button#btnCancelar {
5488        background-color: transparent;
5489        color: black;
5490        border: none;
5491    }
5492</style>
5493
5494<li itemscope itemtype="http://schema.org/ItemList" mediaid="345951">
5495    <div class="mediaContainer media-style"
5496         onmousemove="Hover.checkHoverPosition(event, $(this))"
5497         onmouseout="Hover.mobileOut(event, $(this))"
5498         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5499        <div class="item_loader"></div>
5500        <div class="priceContainer">
5501        </div>
5502        <div class="mediaHover">
5503            <div class="hoverContainerInfo">
5504                <div>
5505                    <div class="hoverTitle">
5506                        <div class="hoverTextTitle">A Rainha dos Likes</div>
5507                            <div class="hoverInfoTitle">2020 (1h 27m)</div>
5508                    </div>
5509                </div>
5510                <div class="hoverContainerAge">
5511                    <div class="hoverAge movie-age movie-age-A12"></div>
5512                    <div class="hoverInfo">
5513                        <div class="movie-captionContainer">
5514                                <div class="movie-caption">Dublado</div>
5515                                <div class="movie-caption">Legendado</div>
5516                        </div>
5517                        <div class="hoverGenre">
5518                            Com&#xE9;dia, Romance
5519                        </div>
5520                    </div>
5521                </div>
5522            </div>
5523        </div>
5524        <div class="mediaCover">
5525           
5526            <div class="media-image">
5527                <div class="nameMedia" itemprop="name">A Rainha dos Likes</div>
5528                <video onclick="Hover.details('/detalhes/345951')" muted loop src=""></video>
5529                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5530
5531                                <img
5532                                    draggable="false"
5533                                    loading="lazy"
5534                                    onclick="Hover.details('/detalhes/345951')"
5535                                    onerror="this.src=''; this.onerror = null;"
5536                                    class="imgStyle_landscape imgBase"
5537                                    itemprop="image"
5538                                    alt="A Rainha dos Likes"
5539                                    src="https://images-01.ottvs.com.br/0345951/0001/0345951_335.jpg"
5540                                    onload="$(this).fadeIn();"
5541                                />
5542
5543                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0345951/0345951.mp4" />
5544                    <div class="mediaProgressBar" style="display: none">
5545                        <div class="baseBar"></div>
5546                        <div class="percentBar" style="width: 0%"></div>
5547                    </div>
5548                </div>
5549            <div class="mediaSynopsi">
5550    @ -299,21 +288,10 @ button#btnCancelar {
5551  
5552                <div class="buttons">
5553                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5554                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/345951&amp;t=A%20Rainha%20dos%20Likes");' class="buttom" data-type="facebook">
5555                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5556                    </div>
5557                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/345951&amp;text=A%20Rainha%20dos%20Likes");' class="buttom" data-type="twitter">
5558                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5559                    </div>
5560                </div>
5561                <div class="text">
5562                    <div><strong>A Rainha dos Likes</strong></div>
5563                    <div>Nastya est&#xE1; acostumada a ser o centro das aten&#xE7;&#xF5;es, j&#xE1; que &#xE9; a menina mais bonita da escola e campe&#xE3; de t&#xEA;nis.</div>
5564                </div>
5565            </div>
5566        </div>
5567            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5568    </div>
5569</li>
5570
5571<script>
5572    var IdItemSelected;
5573
5574function onDeleteItem(idItem) {
5575    IdItemSelected = idItem;
5576    $('#modalConfirmacao').show();
5577}
5578    $(document).ready(function() {
5579        $('.close, #btnCancelar').unbind('click')
5580        $('.close, #btnCancelar').click(function() {
5581            $('#modalConfirmacao').hide();
5582        });
5583
5584        $('#btnConfirmar').unbind('click')
5585        $('#btnConfirmar').click(function() {
5586            Helpers.showLoading();
5587             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5588                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5589                $('#modalConfirmacao').hide();
5590            }).done(function (response) {
5591                if (JSON.parse(response).response.toLowerCase() == "true") {
5592                    location.reload();
5593                }
5594                else{
5595                    Helpers.hideLoading();
5596                }
5597            }).fail(function (erro) {
5598               console.log(erro.responseText)
5599            });
5600        });
5601    });
5602</script>
5602
5603
5604<style>
5605    .remove-icon {
5606        position: absolute;
5607        top: 10px;
5608        left: 10px;
5609        display: flex;
5610        align-items: center;
5611        opacity: 0;
5612        transition: opacity 0.3s ease;
5613    }
5614    .remove-icon img {
5615        width: 30px; 
5616        height: 30px;
5617        background-color: rgba(0, 0, 0, 0.7);
5618        border-radius: 5px;
5619    }
5620    .remove-icon span {
5621        font-size: 14px;
5622        color: #fff;
5623        background-color: rgba(0, 0, 0, 0.7);
5624        padding: 5px;
5625        border-radius: 3px;
5626        margin-left: 30px;
5627        display: none;
5628    }
5629    .media-image:hover .remove-icon {
5630        opacity: 1;
5631    }
5632    .remove-icon:hover span {
5633        display: inline-block; 
5634    }
5635    .modal {
5636        display: none; 
5637        position: fixed;
5638        z-index: 10000;
5639        left: 0;
5640        top: 0;
5641        width: 100%;
5642        height: 100%;
5643        background-color: rgba(0, 0, 0, 0.5);
5644    }
5645    .modal-content {
5646        background-color: white;
5647        margin: 15% auto;
5648        padding: 20px;
5649        border: 1px solid #888;
5650        width: 30%;
5651        text-align: center;
5652        position: relative;
5653        color: #444;
5654        z-index: 10;
5655    }
5656    .close {
5657        position: absolute;
5658        top: 10px;
5659        right: 15px;
5660        font-size: 20px;
5661        font-weight: bold;
5662        cursor: pointer;
5663    }
5664    button {
5665        margin: 10px;
5666        padding: 10px 20px;
5667        cursor: pointer;
5668    }
5669    button#btnCancelar {
5670        background-color: transparent;
5671        color: black;
5672        border: none;
5673    }
5674</style>
5675
5676<li itemscope itemtype="http://schema.org/ItemList" mediaid="424062">
5677    <div class="mediaContainer media-style"
5678         onmousemove="Hover.checkHoverPosition(event, $(this))"
5679         onmouseout="Hover.mobileOut(event, $(this))"
5680         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5681        <div class="item_loader"></div>
5682        <div class="priceContainer">
5683        </div>
5684        <div class="mediaHover">
5685            <div class="hoverContainerInfo">
5686                <div>
5687                    <div class="hoverTitle">
5688                        <div class="hoverTextTitle">La&#xE7;os de Ferro</div>
5689                            <div class="hoverInfoTitle">2020 (1h 44m)</div>
5690                    </div>
5691                </div>
5692                <div class="hoverContainerAge">
5693                    <div class="hoverAge movie-age movie-age-A14"></div>
5694                    <div class="hoverInfo">
5695                        <div class="movie-captionContainer">
5696                                <div class="movie-caption">Dublado</div>
5697                                <div class="movie-caption">Legendado</div>
5698                        </div>
5699                        <div class="hoverGenre">
5700                            Policial, Suspense, Drama
5701                        </div>
5702                    </div>
5703                </div>
5704            </div>
5705        </div>
5706        <div class="mediaCover">
5707           
5708            <div class="media-image">
5709                <div class="nameMedia" itemprop="name">La&#xE7;os de Ferro</div>
5710                <video onclick="Hover.details('/detalhes/424062')" muted loop src=""></video>
5711                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5712
5713                            <img draggable="false" onclick="Hover.details('/detalhes/424062')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="La&#xE7;os de Ferro" src="https://images-01.ottvs.com.br/0424062/0424062_335.jpg" loading="lazy" />
5714                            <img draggable="false" onclick="Hover.details('/detalhes/424062')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="La&#xE7;os de Ferro" src="https://images-01.ottvs.com.br/0424062/looke_1010_670.jpg" loading="lazy" />
5715
5716                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0424062/0424062.mp4" />
5717                    <div class="mediaProgressBar" style="display: none">
5718                        <div class="baseBar"></div>
5719                        <div class="percentBar" style="width: 0%"></div>
5720                    </div>
5721                </div>
5722            <div class="mediaSynopsi">
5723    @ -299,21 +288,10 @ button#btnCancelar {
5724  
5725                <div class="buttons">
5726                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5727                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424062&amp;t=La%C3%A7os%20de%20Ferro");' class="buttom" data-type="facebook">
5728                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5729                    </div>
5730                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424062&amp;text=La%C3%A7os%20de%20Ferro");' class="buttom" data-type="twitter">
5731                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5732                    </div>
5733                </div>
5734                <div class="text">
5735                    <div><strong>La&#xE7;os de Ferro</strong></div>
5736                    <div>Um garoto encontra um criminoso e faz amizade com ele, mas uma trai&#xE7;&#xE3;o amea&#xE7;a a vida deles.</div>
5737                </div>
5738            </div>
5739        </div>
5740            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5741    </div>
5742</li>
5743
5744<script>
5745    var IdItemSelected;
5746
5747function onDeleteItem(idItem) {
5748    IdItemSelected = idItem;
5749    $('#modalConfirmacao').show();
5750}
5751    $(document).ready(function() {
5752        $('.close, #btnCancelar').unbind('click')
5753        $('.close, #btnCancelar').click(function() {
5754            $('#modalConfirmacao').hide();
5755        });
5756
5757        $('#btnConfirmar').unbind('click')
5758        $('#btnConfirmar').click(function() {
5759            Helpers.showLoading();
5760             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5761                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5762                $('#modalConfirmacao').hide();
5763            }).done(function (response) {
5764                if (JSON.parse(response).response.toLowerCase() == "true") {
5765                    location.reload();
5766                }
5767                else{
5768                    Helpers.hideLoading();
5769                }
5770            }).fail(function (erro) {
5771               console.log(erro.responseText)
5772            });
5773        });
5774    });
5775</script>
5775
5776
5777<style>
5778    .remove-icon {
5779        position: absolute;
5780        top: 10px;
5781        left: 10px;
5782        display: flex;
5783        align-items: center;
5784        opacity: 0;
5785        transition: opacity 0.3s ease;
5786    }
5787    .remove-icon img {
5788        width: 30px; 
5789        height: 30px;
5790        background-color: rgba(0, 0, 0, 0.7);
5791        border-radius: 5px;
5792    }
5793    .remove-icon span {
5794        font-size: 14px;
5795        color: #fff;
5796        background-color: rgba(0, 0, 0, 0.7);
5797        padding: 5px;
5798        border-radius: 3px;
5799        margin-left: 30px;
5800        display: none;
5801    }
5802    .media-image:hover .remove-icon {
5803        opacity: 1;
5804    }
5805    .remove-icon:hover span {
5806        display: inline-block; 
5807    }
5808    .modal {
5809        display: none; 
5810        position: fixed;
5811        z-index: 10000;
5812        left: 0;
5813        top: 0;
5814        width: 100%;
5815        height: 100%;
5816        background-color: rgba(0, 0, 0, 0.5);
5817    }
5818    .modal-content {
5819        background-color: white;
5820        margin: 15% auto;
5821        padding: 20px;
5822        border: 1px solid #888;
5823        width: 30%;
5824        text-align: center;
5825        position: relative;
5826        color: #444;
5827        z-index: 10;
5828    }
5829    .close {
5830        position: absolute;
5831        top: 10px;
5832        right: 15px;
5833        font-size: 20px;
5834        font-weight: bold;
5835        cursor: pointer;
5836    }
5837    button {
5838        margin: 10px;
5839        padding: 10px 20px;
5840        cursor: pointer;
5841    }
5842    button#btnCancelar {
5843        background-color: transparent;
5844        color: black;
5845        border: none;
5846    }
5847</style>
5848
5849<li itemscope itemtype="http://schema.org/ItemList" mediaid="401625">
5850    <div class="mediaContainer media-style"
5851         onmousemove="Hover.checkHoverPosition(event, $(this))"
5852         onmouseout="Hover.mobileOut(event, $(this))"
5853         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5854        <div class="item_loader"></div>
5855        <div class="priceContainer">
5856        </div>
5857        <div class="mediaHover">
5858            <div class="hoverContainerInfo">
5859                <div>
5860                    <div class="hoverTitle">
5861                        <div class="hoverTextTitle">A Incr&#xED;vel Hist&#xF3;ria de Mario Capecchi</div>
5862                            <div class="hoverInfoTitle">2022 (1h 44m)</div>
5863                    </div>
5864                </div>
5865                <div class="hoverContainerAge">
5866                    <div class="hoverAge movie-age movie-age-A14"></div>
5867                    <div class="hoverInfo">
5868                        <div class="movie-captionContainer">
5869                                <div class="movie-caption">Dublado</div>
5870                                <div class="movie-caption">Legendado</div>
5871                        </div>
5872                        <div class="hoverGenre">
5873                            Drama, Biografia
5874                        </div>
5875                    </div>
5876                </div>
5877            </div>
5878        </div>
5879        <div class="mediaCover">
5880           
5881            <div class="media-image">
5882                <div class="nameMedia" itemprop="name">A Incr&#xED;vel Hist&#xF3;ria de Mario Capecchi</div>
5883                <video onclick="Hover.details('/detalhes/401625')" muted loop src=""></video>
5884                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5885
5886                            <img draggable="false" onclick="Hover.details('/detalhes/401625')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Incr&#xED;vel Hist&#xF3;ria de Mario Capecchi" src="https://images-01.ottvs.com.br/0401625/0401625_335.jpg" loading="lazy" />
5887                            <img draggable="false" onclick="Hover.details('/detalhes/401625')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Incr&#xED;vel Hist&#xF3;ria de Mario Capecchi" src="https://images-01.ottvs.com.br/0401625/looke_1010_670.jpg" loading="lazy" />
5888
5889                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
5889om.br/0401625/0401625.mp4" />
5890                    <div class="mediaProgressBar" style="display: none">
5891                        <div class="baseBar"></div>
5892                        <div class="percentBar" style="width: 0%"></div>
5893                    </div>
5894                </div>
5895            <div class="mediaSynopsi">
5896    @ -299,21 +288,10 @ button#btnCancelar {
5897  
5898                <div class="buttons">
5899                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5900                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/401625&amp;t=A%20Incr%C3%ADvel%20Hist%C3%B3ria%20de%20Mario%20Capecchi");' class="buttom" data-type="facebook">
5901                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5902                    </div>
5903                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/401625&amp;text=A%20Incr%C3%ADvel%20Hist%C3%B3ria%20de%20Mario%20Capecchi");' class="buttom" data-type="twitter">
5904                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5905                    </div>
5906                </div>
5907                <div class="text">
5908                    <div><strong>A Incr&#xED;vel Hist&#xF3;ria de Mario Capecchi</strong></div>
5909                    <div>A m&#xE3;e de Mario &#xE9; presa e o garoto passa a inf&#xE2;ncia na rua. Em outro pa&#xED;s, eles come&#xE7;am nova vida.</div>
5910                </div>
5911            </div>
5912        </div>
5913            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5914    </div>
5915</li>
5916
5917<script>
5918    var IdItemSelected;
5919
5920function onDeleteItem(idItem) {
5921    IdItemSelected = idItem;
5922    $('#modalConfirmacao').show();
5923}
5924    $(document).ready(function() {
5925        $('.close, #btnCancelar').unbind('click')
5926        $('.close, #btnCancelar').click(function() {
5927            $('#modalConfirmacao').hide();
5928        });
5929
5930        $('#btnConfirmar').unbind('click')
5931        $('#btnConfirmar').click(function() {
5932            Helpers.showLoading();
5933             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5934                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5935                $('#modalConfirmacao').hide();
5936            }).done(function (response) {
5937                if (JSON.parse(response).response.toLowerCase() == "true") {
5938                    location.reload();
5939                }
5940                else{
5941                    Helpers.hideLoading();
5942                }
5943            }).fail(function (erro) {
5944               console.log(erro.responseText)
5945            });
5946        });
5947    });
5948</script>
5948
5949
5950<style>
5951    .remove-icon {
5952        position: absolute;
5953        top: 10px;
5954        left: 10px;
5955        display: flex;
5956        align-items: center;
5957        opacity: 0;
5958        transition: opacity 0.3s ease;
5959    }
5960    .remove-icon img {
5961        width: 30px; 
5962        height: 30px;
5963        background-color: rgba(0, 0, 0, 0.7);
5964        border-radius: 5px;
5965    }
5966    .remove-icon span {
5967        font-size: 14px;
5968        color: #fff;
5969        background-color: rgba(0, 0, 0, 0.7);
5970        padding: 5px;
5971        border-radius: 3px;
5972        margin-left: 30px;
5973        display: none;
5974    }
5975    .media-image:hover .remove-icon {
5976        opacity: 1;
5977    }
5978    .remove-icon:hover span {
5979        display: inline-block; 
5980    }
5981    .modal {
5982        display: none; 
5983        position: fixed;
5984        z-index: 10000;
5985        left: 0;
5986        top: 0;
5987        width: 100%;
5988        height: 100%;
5989        background-color: rgba(0, 0, 0, 0.5);
5990    }
5991    .modal-content {
5992        background-color: white;
5993        margin: 15% auto;
5994        padding: 20px;
5995        border: 1px solid #888;
5996        width: 30%;
5997        text-align: center;
5998        position: relative;
5999        color: #444;
6000        z-index: 10;
6001    }
6002    .close {
6003        position: absolute;
6004        top: 10px;
6005        right: 15px;
6006        font-size: 20px;
6007        font-weight: bold;
6008        cursor: pointer;
6009    }
6010    button {
6011        margin: 10px;
6012        padding: 10px 20px;
6013        cursor: pointer;
6014    }
6015    button#btnCancelar {
6016        background-color: transparent;
6017        color: black;
6018        border: none;
6019    }
6020</style>
6021
6022<li itemscope itemtype="http://schema.org/ItemList" mediaid="433873">
6023    <div class="mediaContainer media-style"
6024         onmousemove="Hover.checkHoverPosition(event, $(this))"
6025         onmouseout="Hover.mobileOut(event, $(this))"
6026         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6027        <div class="item_loader"></div>
6028        <div class="priceContainer">
6029        </div>
6030        <div class="mediaHover">
6031            <div class="hoverContainerInfo">
6032                <div>
6033                    <div class="hoverTitle">
6034                        <div class="hoverTextTitle">Agente Kung Fu</div>
6035                            <div class="hoverInfoTitle">2023 (1h 18m)</div>
6036                    </div>
6037                </div>
6038                <div class="hoverContainerAge">
6039                    <div class="hoverAge movie-age movie-age-A14"></div>
6040                    <div class="hoverInfo">
6041                        <div class="movie-captionContainer">
6042                                <div class="movie-caption">Dublado</div>
6043                                <div class="movie-caption">Legendado</div>
6044                        </div>
6045                        <div class="hoverGenre">
6046                            A&#xE7;&#xE3;o, Com&#xE9;dia, Aventura
6047                        </div>
6048                    </div>
6049                </div>
6050            </div>
6051        </div>
6052        <div class="mediaCover">
6053           
6054            <div class="media-image">
6055                <div class="nameMedia" itemprop="name">Agente Kung Fu</div>
6056                <video onclick="Hover.details('/detalhes/433873')" muted loop src=""></video>
6057                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6058
6059                            <img draggable="false" onclick="Hover.details('/detalhes/433873')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Agente Kung Fu" src="https://images-01.ottvs.com.br/0433873/0433873_335.jpg" loading="lazy" />
6060                            <img draggable="false" onclick="Hover.details('/detalhes/433873')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Agente Kung Fu" src="https://images-01.ottvs.com.br/0433873/looke_1010_670.jpg" loading="lazy" />
6061
6062                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0433873/0433873.mp4" />
6063                    <div class="mediaProgressBar" style="display: none">
6064                        <div class="baseBar"></div>
6065                        <div class="percentBar" style="width: 0%"></div>
6066                    </div>
6067                </div>
6068            <div class="mediaSynopsi">
6069    @ -299,21 +288,10 @ button#btnCancelar {
6070  
6071                <div class="buttons">
6072                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6073                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/433873&amp;t=Agente%20Kung%20Fu");' class="buttom" data-type="facebook">
6074                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6075                    </div>
6076                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/433873&amp;text=Agente%20Kung%20Fu");' class="buttom" data-type="twitter">
6077                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6078                    </div>
6079                </div>
6080                <div class="text">
6081                    <div><strong>Agente Kung Fu</strong></div>
6082                    <div>Um jovem ambicioso sonha em entrar para a pol&#xED;cia, enquanto enfrenta uma perigosa gangue.</div>
6083                </div>
6084            </div>
6085        </div>
6086            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6087    </div>
6088</li>
6089
6090<script>
6091    var IdItemSelected;
6092
6093function onDeleteItem(idItem) {
6094    IdItemSelected = idItem;
6095    $('#modalConfirmacao').show();
6096}
6097    $(document).ready(function() {
6098        $('.close, #btnCancelar').unbind('click')
6099        $('.close, #btnCancelar').click(function() {
6100            $('#modalConfirmacao').hide();
6101        });
6102
6103        $('#btnConfirmar').unbind('click')
6104        $('#btnConfirmar').click(function() {
6105            Helpers.showLoading();
6106             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6107                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6108                $('#modalConfirmacao').hide();
6109            }).done(function (response) {
6110                if (JSON.parse(response).response.toLowerCase() == "true") {
6111                    location.reload();
6112                }
6113                else{
6114                    Helpers.hideLoading();
6115                }
6116            }).fail(function (erro) {
6117               console.log(erro.responseText)
6118            });
6119        });
6120    });
6121</script>
6121
6122
6123<style>
6124    .remove-icon {
6125        position: absolute;
6126        top: 10px;
6127        left: 10px;
6128        display: flex;
6129        align-items: center;
6130        opacity: 0;
6131        transition: opacity 0.3s ease;
6132    }
6133    .remove-icon img {
6134        width: 30px; 
6135        height: 30px;
6136        background-color: rgba(0, 0, 0, 0.7);
6137        border-radius: 5px;
6138    }
6139    .remove-icon span {
6140        font-size: 14px;
6141        color: #fff;
6142        background-color: rgba(0, 0, 0, 0.7);
6143        padding: 5px;
6144        border-radius: 3px;
6145        margin-left: 30px;
6146        display: none;
6147    }
6148    .media-image:hover .remove-icon {
6149        opacity: 1;
6150    }
6151    .remove-icon:hover span {
6152        display: inline-block; 
6153    }
6154    .modal {
6155        display: none; 
6156        position: fixed;
6157        z-index: 10000;
6158        left: 0;
6159        top: 0;
6160        width: 100%;
6161        height: 100%;
6162        background-color: rgba(0, 0, 0, 0.5);
6163    }
6164    .modal-content {
6165        background-color: white;
6166        margin: 15% auto;
6167        padding: 20px;
6168        border: 1px solid #888;
6169        width: 30%;
6170        text-align: center;
6171        position: relative;
6172        color: #444;
6173        z-index: 10;
6174    }
6175    .close {
6176        position: absolute;
6177        top: 10px;
6178        right: 15px;
6179        font-size: 20px;
6180        font-weight: bold;
6181        cursor: pointer;
6182    }
6183    button {
6184        margin: 10px;
6185        padding: 10px 20px;
6186        cursor: pointer;
6187    }
6188    button#btnCancelar {
6189        background-color: transparent;
6190        color: black;
6191        border: none;
6192    }
6193</style>
6194
6195<li itemscope itemtype="http://schema.org/ItemList" mediaid="433540">
6196    <div class="mediaContainer media-style"
6197         onmousemove="Hover.checkHoverPosition(event, $(this))"
6198         onmouseout="Hover.mobileOut(event, $(this))"
6199         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6200        <div class="item_loader"></div>
6201        <div class="priceContainer">
6202        </div>
6203        <div class="mediaHover">
6204            <div class="hoverContainerInfo">
6205                <div>
6206                    <div class="hoverTitle">
6207                        <div class="hoverTextTitle">Cicatrizes da Guerra</div>
6208                            <div class="hoverInfoTitle">2020 (1h 37m)</div>
6209                    </div>
6210                </div>
6211                <div class="hoverContainerAge">
6212                    <div class="hoverAge movie-age movie-age-A14"></div>
6213                    <div class="hoverInfo">
6214                        <div class="movie-captionContainer">
6215                                <div class="movie-caption">Dublado</div>
6216                                <div class="movie-caption">Legendado</div>
6217                        </div>
6218                        <div class="hoverGenre">
6219                            Drama, Hist&#xF3;ria, Guerra
6220                        </div>
6221                    </div>
6222                </div>
6223            </div>
6224        </div>
6225        <div class="mediaCover">
6226           
6227            <div class="media-image">
6228                <div class="nameMedia" itemprop="name">Cicatrizes da Guerra</div>
6229                <video onclick="Hover.details('/detalhes/433540')" muted loop src=""></video>
6230                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6231
6232                            <img draggable="false" onclick="Hover.details('/detalhes/433540')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Cicatrizes da Guerra" src="https://images-01.ottvs.com.br/0433540/0433540_335.jpg" loading="lazy" />
6233                            <img draggable="false" onclick="Hover.details('/detalhes/433540')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Cicatrizes da Guerra" src="https://images-01.ottvs.com.br/0433540/looke_1010_670.jpg" loading="lazy" />
6234
6235                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0433540/0433540.mp4" />
6236                    <div class="mediaProgressBar" style="display: none">
6237                        <div class="baseBar"></div>
6238                        <div class="percentBar" style="width: 0%"></div>
6239                    </div>
6240                </div>
6241            <div class="mediaSynopsi">
6242    @ -299,21 +288,10 @ button#btnCancelar {
6243  
6244                <div class="buttons">
6245                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6246                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/433540&amp;t=Cicatrizes%20da%20Guerra");' class="buttom" data-type="facebook">
6247                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6248                    </div>
6249                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/433540&amp;text=Cicatrizes%20da%20Guerra");' class="buttom" data-type="twitter">
6250                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6251                    </div>
6252                </div>
6253                <div class="text">
6254                    <div><strong>Cicatrizes da Guerra</strong></div>
6255                    <div>Mem&#xF3;rias da guerra na Arg&#xE9;lia continuam presentes na vida de pessoas que participaram do conflito.</div>
6256                </div>
6257            </div>
6258        </div>
6259            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6260    </div>
6261</li>
6262
6263<script>
6264    var IdItemSelected;
6265
6266function onDeleteItem(idItem) {
6267    IdItemSelected = idItem;
6268    $('#modalConfirmacao').show();
6269}
6270    $(document).ready(function() {
6271        $('.close, #btnCancelar').unbind('click')
6272        $('.close, #btnCancelar').click(function() {
6273            $('#modalConfirmacao').hide();
6274        });
6275
6276        $('#btnConfirmar').unbind('click')
6277        $('#btnConfirmar').click(function() {
6278            Helpers.showLoading();
6279             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6280                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6281                $('#modalConfirmacao').hide();
6282            }).done(function (response) {
6283                if (JSON.parse(response).response.toLowerCase() == "true") {
6284                    location.reload();
6285                }
6286                else{
6287                    Helpers.hideLoading();
6288                }
6289            }).fail(function (erro) {
6290               console.log(erro.responseText)
6291            });
6292        });
6293    });
6294</script>
6294
6295
6296<style>
6297    .remove-icon {
6298        position: absolute;
6299        top: 10px;
6300        left: 10px;
6301        display: flex;
6302        align-items: center;
6303        opacity: 0;
6304        transition: opacity 0.3s ease;
6305    }
6306    .remove-icon img {
6307        width: 30px; 
6308        height: 30px;
6309        background-color: rgba(0, 0, 0, 0.7);
6310        border-radius: 5px;
6311    }
6312    .remove-icon span {
6313        font-size: 14px;
6314        color: #fff;
6315        background-color: rgba(0, 0, 0, 0.7);
6316        padding: 5px;
6317        border-radius: 3px;
6318        margin-left: 30px;
6319        display: none;
6320    }
6321    .media-image:hover .remove-icon {
6322        opacity: 1;
6323    }
6324    .remove-icon:hover span {
6325        display: inline-block; 
6326    }
6327    .modal {
6328        display: none; 
6329        position: fixed;
6330        z-index: 10000;
6331        left: 0;
6332        top: 0;
6333        width: 100%;
6334        height: 100%;
6335        background-color: rgba(0, 0, 0, 0.5);
6336    }
6337    .modal-content {
6338        background-color: white;
6339        margin: 15% auto;
6340        padding: 20px;
6341        border: 1px solid #888;
6342        width: 30%;
6343        text-align: center;
6344        position: relative;
6345        color: #444;
6346        z-index: 10;
6347    }
6348    .close {
6349        position: absolute;
6350        top: 10px;
6351        right: 15px;
6352        font-size: 20px;
6353        font-weight: bold;
6354        cursor: pointer;
6355    }
6356    button {
6357        margin: 10px;
6358        padding: 10px 20px;
6359        cursor: pointer;
6360    }
6361    button#btnCancelar {
6362        background-color: transparent;
6363        color: black;
6364        border: none;
6365    }
6366</style>
6367
6368<li itemscope itemtype="http://schema.org/ItemList" mediaid="417851">
6369    <div class="mediaContainer media-style"
6370         onmousemove="Hover.checkHoverPosition(event, $(this))"
6371         onmouseout="Hover.mobileOut(event, $(this))"
6372         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6373        <div class="item_loader"></div>
6374        <div class="priceContainer">
6375        </div>
6376        <div class="mediaHover">
6377            <div class="hoverContainerInfo">
6378                <div>
6379                    <div class="hoverTitle">
6380                        <div class="hoverTextTitle">Sob as Sombras da Guerra</div>
6381                            <div class="hoverInfoTitle">2020 (1h 45m)</div>
6382                    </div>
6383                </div>
6384                <div class="hoverContainerAge">
6385                    <div class="hoverAge movie-age movie-age-A14"></div>
6386                    <div class="hoverInfo">
6387                        <div class="movie-captionContainer">
6388                                <div class="movie-caption">Dublado</div>
6389                                <div class="movie-caption">Legendado</div>
6390                        </div>
6391                        <div class="hoverGenre">
6392                            Drama, Guerra
6393                        </div>
6394                    </div>
6395                </div>
6396            </div>
6397        </div>
6398        <div class="mediaCover">
6399           
6400            <div class="media-image">
6401                <div class="nameMedia" itemprop="name">Sob as Sombras da Guerra</div>
6402                <video onclick="Hover.details('/detalhes/417851')" muted loop src=""></video>
6403                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6404
6405                            <img draggable="false" onclick="Hover.details('/detalhes/417851')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Sob as Sombras da Guerra" src="https://images-01.ottvs.com.br/0417851/0417851_335.jpg" loading="lazy" />
6406                            <img draggable="false" onclick="Hover.details('/detalhes/417851')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Sob as Sombras da Guerra" src="https://images-01.ottvs.com.br/0417851/looke_1010_670.jpg" loading="lazy" />
6407
6408                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0417851/0417851.mp4" />
6409                    <div class="mediaProgressBar" style="display: none">
6410                        <div class="baseBar"></div>
6411                        <div class="percentBar" style="width: 0%"></div>
6412                    </div>
6413                </div>
6414            <div class="mediaSynopsi">
6415    @ -299,21 +288,10 @ button#btnCancelar {
6416  
6417                <div class="buttons">
6418                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6419                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/417851&amp;t=Sob%20as%20Sombras%20da%20Guerra");' class="buttom" data-type="facebook">
6420                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6421                    </div>
6422                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/417851&amp;text=Sob%20as%20Sombras%20da%20Guerra");' class="buttom" data-type="twitter">
6423                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6424                    </div>
6425                </div>
6426                <div class="text">
6427                    <div><strong>Sob as Sombras da Guerra</strong></div>
6428                    <div>Quatro hist&#xF3;rias se desenrolam na Ucr&#xE2;nia, em plena guerra. Mas nem todos est&#xE3;o t&#xE3;o indefesos.</div>
6429                </div>
6430            </div>
6431        </div>
6432            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6433    </div>
6434</li>
6435
6436<script>
6437    var IdItemSelected;
6438
6439function onDeleteItem(idItem) {
6440    IdItemSelected = idItem;
6441    $('#modalConfirmacao').show();
6442}
6443    $(document).ready(function() {
6444        $('.close, #btnCancelar').unbind('click')
6445        $('.close, #btnCancelar').click(function() {
6446            $('#modalConfirmacao').hide();
6447        });
6448
6449        $('#btnConfirmar').unbind('click')
6450        $('#btnConfirmar').click(function() {
6451            Helpers.showLoading();
6452             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6453                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6454                $('#modalConfirmacao').hide();
6455            }).done(function (response) {
6456                if (JSON.parse(response).response.toLowerCase() == "true") {
6457                    location.reload();
6458                }
6459                else{
6460                    Helpers.hideLoading();
6461                }
6462            }).fail(function (erro) {
6463               console.log(erro.responseText)
6464            });
6465        });
6466    });
6467</script>
6467
6468
6469<style>
6470    .remove-icon {
6471        position: absolute;
6472        top: 10px;
6473        left: 10px;
6474        display: flex;
6475        align-items: center;
6476        opacity: 0;
6477        transition: opacity 0.3s ease;
6478    }
6479    .remove-icon img {
6480        width: 30px; 
6481        height: 30px;
6482        background-color: rgba(0, 0, 0, 0.7);
6483        border-radius: 5px;
6484    }
6485    .remove-icon span {
6486        font-size: 14px;
6487        color: #fff;
6488        background-color: rgba(0, 0, 0, 0.7);
6489        padding: 5px;
6490        border-radius: 3px;
6491        margin-left: 30px;
6492        display: none;
6493    }
6494    .media-image:hover .remove-icon {
6495        opacity: 1;
6496    }
6497    .remove-icon:hover span {
6498        display: inline-block; 
6499    }
6500    .modal {
6501        display: none; 
6502        position: fixed;
6503        z-index: 10000;
6504        left: 0;
6505        top: 0;
6506        width: 100%;
6507        height: 100%;
6508        background-color: rgba(0, 0, 0, 0.5);
6509    }
6510    .modal-content {
6511        background-color: white;
6512        margin: 15% auto;
6513        padding: 20px;
6514        border: 1px solid #888;
6515        width: 30%;
6516        text-align: center;
6517        position: relative;
6518        color: #444;
6519        z-index: 10;
6520    }
6521    .close {
6522        position: absolute;
6523        top: 10px;
6524        right: 15px;
6525        font-size: 20px;
6526        font-weight: bold;
6527        cursor: pointer;
6528    }
6529    button {
6530        margin: 10px;
6531        padding: 10px 20px;
6532        cursor: pointer;
6533    }
6534    button#btnCancelar {
6535        background-color: transparent;
6536        color: black;
6537        border: none;
6538    }
6539</style>
6540
6541<li itemscope itemtype="http://schema.org/ItemList" mediaid="414745">
6542    <div class="mediaContainer media-style"
6543         onmousemove="Hover.checkHoverPosition(event, $(this))"
6544         onmouseout="Hover.mobileOut(event, $(this))"
6545         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6546        <div class="item_loader"></div>
6547        <div class="priceContainer">
6548        </div>
6549        <div class="mediaHover">
6550            <div class="hoverContainerInfo">
6551                <div>
6552                    <div class="hoverTitle">
6553                        <div class="hoverTextTitle">Em Busca do C&#xE1;lice Sagrado</div>
6554                            <div class="hoverInfoTitle">2022 (1h 30m)</div>
6555                    </div>
6556                </div>
6557                <div class="hoverContainerAge">
6558                    <div class="hoverAge movie-age movie-age-A16"></div>
6559                    <div class="hoverInfo">
6560                        <div class="movie-captionContainer">
6561                                <div class="movie-caption">Dublado</div>
6562                                <div class="movie-caption">Legendado</div>
6563                        </div>
6564                        <div class="hoverGenre">
6565                            A&#xE7;&#xE3;o, Guerra, Drama
6566                        </div>
6567                    </div>
6568                </div>
6569            </div>
6570        </div>
6571        <div class="mediaCover">
6572           
6573            <div class="media-image">
6574                <div class="nameMedia" itemprop="name">Em Busca do C&#xE1;lice Sagrado</div>
6575                <video onclick="Hover.details('/detalhes/414745')" muted loop src=""></video>
6576                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6577
6578                            <img draggable="false" onclick="Hover.details('/detalhes/414745')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Em Busca do C&#xE1;lice Sagrado" src="https://images-01.ottvs.com.br/0414745/0414745_335.jpg" loading="lazy" />
6579                            <img draggable="false" onclick="Hover.details('/detalhes/414745')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Em Busca do C&#xE1;lice Sagrado" src="https://images-01.ottvs.com.br/0414745/looke_1010_670.jpg" loading="lazy" />
6580
6581                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
6581om.br/0414745/0414745.mp4" />
6582                    <div class="mediaProgressBar" style="display: none">
6583                        <div class="baseBar"></div>
6584                        <div class="percentBar" style="width: 0%"></div>
6585                    </div>
6586                </div>
6587            <div class="mediaSynopsi">
6588    @ -299,21 +288,10 @ button#btnCancelar {
6589  
6590                <div class="buttons">
6591                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6592                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/414745&amp;t=Em%20Busca%20do%20C%C3%A1lice%20Sagrado");' class="buttom" data-type="facebook">
6593                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6594                    </div>
6595                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/414745&amp;text=Em%20Busca%20do%20C%C3%A1lice%20Sagrado");' class="buttom" data-type="twitter">
6596                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6597                    </div>
6598                </div>
6599                <div class="text">
6600                    <div><strong>Em Busca do C&#xE1;lice Sagrado</strong></div>
6601                    <div>Em 1943, volunt&#xE1;rios se juntam a SS. O l&#xED;der se questiona se a miss&#xE3;o &#xE9; algo divino ou uma maldi&#xE7;&#xE3;o.</div>
6602                </div>
6603            </div>
6604        </div>
6605            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6606    </div>
6607</li>
6608
6609<script>
6610    var IdItemSelected;
6611
6612function onDeleteItem(idItem) {
6613    IdItemSelected = idItem;
6614    $('#modalConfirmacao').show();
6615}
6616    $(document).ready(function() {
6617        $('.close, #btnCancelar').unbind('click')
6618        $('.close, #btnCancelar').click(function() {
6619            $('#modalConfirmacao').hide();
6620        });
6621
6622        $('#btnConfirmar').unbind('click')
6623        $('#btnConfirmar').click(function() {
6624            Helpers.showLoading();
6625             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6626                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6627                $('#modalConfirmacao').hide();
6628            }).done(function (response) {
6629                if (JSON.parse(response).response.toLowerCase() == "true") {
6630                    location.reload();
6631                }
6632                else{
6633                    Helpers.hideLoading();
6634                }
6635            }).fail(function (erro) {
6636               console.log(erro.responseText)
6637            });
6638        });
6639    });
6640</script>
6640
6641
6642<style>
6643    .remove-icon {
6644        position: absolute;
6645        top: 10px;
6646        left: 10px;
6647        display: flex;
6648        align-items: center;
6649        opacity: 0;
6650        transition: opacity 0.3s ease;
6651    }
6652    .remove-icon img {
6653        width: 30px; 
6654        height: 30px;
6655        background-color: rgba(0, 0, 0, 0.7);
6656        border-radius: 5px;
6657    }
6658    .remove-icon span {
6659        font-size: 14px;
6660        color: #fff;
6661        background-color: rgba(0, 0, 0, 0.7);
6662        padding: 5px;
6663        border-radius: 3px;
6664        margin-left: 30px;
6665        display: none;
6666    }
6667    .media-image:hover .remove-icon {
6668        opacity: 1;
6669    }
6670    .remove-icon:hover span {
6671        display: inline-block; 
6672    }
6673    .modal {
6674        display: none; 
6675        position: fixed;
6676        z-index: 10000;
6677        left: 0;
6678        top: 0;
6679        width: 100%;
6680        height: 100%;
6681        background-color: rgba(0, 0, 0, 0.5);
6682    }
6683    .modal-content {
6684        background-color: white;
6685        margin: 15% auto;
6686        padding: 20px;
6687        border: 1px solid #888;
6688        width: 30%;
6689        text-align: center;
6690        position: relative;
6691        color: #444;
6692        z-index: 10;
6693    }
6694    .close {
6695        position: absolute;
6696        top: 10px;
6697        right: 15px;
6698        font-size: 20px;
6699        font-weight: bold;
6700        cursor: pointer;
6701    }
6702    button {
6703        margin: 10px;
6704        padding: 10px 20px;
6705        cursor: pointer;
6706    }
6707    button#btnCancelar {
6708        background-color: transparent;
6709        color: black;
6710        border: none;
6711    }
6712</style>
6713
6714<li itemscope itemtype="http://schema.org/ItemList" mediaid="424229">
6715    <div class="mediaContainer media-style"
6716         onmousemove="Hover.checkHoverPosition(event, $(this))"
6717         onmouseout="Hover.mobileOut(event, $(this))"
6718         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6719        <div class="item_loader"></div>
6720        <div class="priceContainer">
6721        </div>
6722        <div class="mediaHover">
6723            <div class="hoverContainerInfo">
6724                <div>
6725                    <div class="hoverTitle">
6726                        <div class="hoverTextTitle">Resgate a Qualquer Custo</div>
6727                            <div class="hoverInfoTitle">2023 (1h 50m)</div>
6728                    </div>
6729                </div>
6730                <div class="hoverContainerAge">
6731                    <div class="hoverAge movie-age movie-age-A16"></div>
6732                    <div class="hoverInfo">
6733                        <div class="movie-captionContainer">
6734                                <div class="movie-caption">Dublado</div>
6735                                <div class="movie-caption">Legendado</div>
6736                        </div>
6737                        <div class="hoverGenre">
6738                            Drama, Suspense
6739                        </div>
6740                    </div>
6741                </div>
6742            </div>
6743        </div>
6744        <div class="mediaCover">
6745           
6746            <div class="media-image">
6747                <div class="nameMedia" itemprop="name">Resgate a Qualquer Custo</div>
6748                <video onclick="Hover.details('/detalhes/424229')" muted loop src=""></video>
6749                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6750
6751                                <img
6752                                    draggable="false"
6753                                    loading="lazy"
6754                                    onclick="Hover.details('/detalhes/424229')"
6755                                    onerror="this.src=''; this.onerror = null;"
6756                                    class="imgStyle_landscape imgBase"
6757                                    itemprop="image"
6758                                    alt="Resgate a Qualquer Custo"
6759                                    src="https://images-01.ottvs.com.br/0424229/0424229_335.jpg"
6760                                    onload="$(this).fadeIn();"
6761                                />
6762
6763                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
6763om.br/0424229/0424229.mp4" />
6764                    <div class="mediaProgressBar" style="display: none">
6765                        <div class="baseBar"></div>
6766                        <div class="percentBar" style="width: 0%"></div>
6767                    </div>
6768                </div>
6769            <div class="mediaSynopsi">
6770    @ -299,21 +288,10 @ button#btnCancelar {
6771  
6772                <div class="buttons">
6773                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6774                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424229&amp;t=Resgate%20a%20Qualquer%20Custo");' class="buttom" data-type="facebook">
6775                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6776                    </div>
6777                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424229&amp;text=Resgate%20a%20Qualquer%20Custo");' class="buttom" data-type="twitter">
6778                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6779                    </div>
6780                </div>
6781                <div class="text">
6782                    <div><strong>Resgate a Qualquer Custo</strong></div>
6783                    <div>Felix resgata suicidas de pontes e sacrifica tudo para salv&#xE1;-los, at&#xE9; mesmo a rela&#xE7;&#xE3;o com seu filho.</div>
6784                </div>
6785            </div>
6786        </div>
6787            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6788    </div>
6789</li>
6790
6791<script>
6792    var IdItemSelected;
6793
6794function onDeleteItem(idItem) {
6795    IdItemSelected = idItem;
6796    $('#modalConfirmacao').show();
6797}
6798    $(document).ready(function() {
6799        $('.close, #btnCancelar').unbind('click')
6800        $('.close, #btnCancelar').click(function() {
6801            $('#modalConfirmacao').hide();
6802        });
6803
6804        $('#btnConfirmar').unbind('click')
6805        $('#btnConfirmar').click(function() {
6806            Helpers.showLoading();
6807             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6808                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6809                $('#modalConfirmacao').hide();
6810            }).done(function (response) {
6811                if (JSON.parse(response).response.toLowerCase() == "true") {
6812                    location.reload();
6813                }
6814                else{
6815                    Helpers.hideLoading();
6816                }
6817            }).fail(function (erro) {
6818               console.log(erro.responseText)
6819            });
6820        });
6821    });
6822</script>
6822
6823
6824<style>
6825    .remove-icon {
6826        position: absolute;
6827        top: 10px;
6828        left: 10px;
6829        display: flex;
6830        align-items: center;
6831        opacity: 0;
6832        transition: opacity 0.3s ease;
6833    }
6834    .remove-icon img {
6835        width: 30px; 
6836        height: 30px;
6837        background-color: rgba(0, 0, 0, 0.7);
6838        border-radius: 5px;
6839    }
6840    .remove-icon span {
6841        font-size: 14px;
6842        color: #fff;
6843        background-color: rgba(0, 0, 0, 0.7);
6844        padding: 5px;
6845        border-radius: 3px;
6846        margin-left: 30px;
6847        display: none;
6848    }
6849    .media-image:hover .remove-icon {
6850        opacity: 1;
6851    }
6852    .remove-icon:hover span {
6853        display: inline-block; 
6854    }
6855    .modal {
6856        display: none; 
6857        position: fixed;
6858        z-index: 10000;
6859        left: 0;
6860        top: 0;
6861        width: 100%;
6862        height: 100%;
6863        background-color: rgba(0, 0, 0, 0.5);
6864    }
6865    .modal-content {
6866        background-color: white;
6867        margin: 15% auto;
6868        padding: 20px;
6869        border: 1px solid #888;
6870        width: 30%;
6871        text-align: center;
6872        position: relative;
6873        color: #444;
6874        z-index: 10;
6875    }
6876    .close {
6877        position: absolute;
6878        top: 10px;
6879        right: 15px;
6880        font-size: 20px;
6881        font-weight: bold;
6882        cursor: pointer;
6883    }
6884    button {
6885        margin: 10px;
6886        padding: 10px 20px;
6887        cursor: pointer;
6888    }
6889    button#btnCancelar {
6890        background-color: transparent;
6891        color: black;
6892        border: none;
6893    }
6894</style>
6895
6896<li itemscope itemtype="http://schema.org/ItemList" mediaid="422589">
6897    <div class="mediaContainer media-style"
6898         onmousemove="Hover.checkHoverPosition(event, $(this))"
6899         onmouseout="Hover.mobileOut(event, $(this))"
6900         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6901        <div class="item_loader"></div>
6902        <div class="priceContainer">
6903        </div>
6904        <div class="mediaHover">
6905            <div class="hoverContainerInfo">
6906                <div>
6907                    <div class="hoverTitle">
6908                        <div class="hoverTextTitle">75 Dias</div>
6909                            <div class="hoverInfoTitle">2020 (1h 59m)</div>
6910                    </div>
6911                </div>
6912                <div class="hoverContainerAge">
6913                    <div class="hoverAge movie-age movie-age-A16"></div>
6914                    <div class="hoverInfo">
6915                        <div class="movie-captionContainer">
6916                                <div class="movie-caption">Dublado</div>
6917                                <div class="movie-caption">Legendado</div>
6918                        </div>
6919                        <div class="hoverGenre">
6920                            Suspense, Policial, Drama, Crime
6921                        </div>
6922                    </div>
6923                </div>
6924            </div>
6925        </div>
6926        <div class="mediaCover">
6927           
6928            <div class="media-image">
6929                <div class="nameMedia" itemprop="name">75 Dias</div>
6930                <video onclick="Hover.details('/detalhes/422589')" muted loop src=""></video>
6931                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6932
6933                            <img draggable="false" onclick="Hover.details('/detalhes/422589')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="75 Dias" src="https://images-01.ottvs.com.br/0422589/0422589_335.jpg" loading="lazy" />
6934                            <img draggable="false" onclick="Hover.details('/detalhes/422589')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="75 Dias" src="https://images-01.ottvs.com.br/0422589/looke_1010_670.jpg" loading="lazy" />
6935
6936                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0422589/0422589.mp4" />
6937                    <div class="mediaProgressBar" style="display: none">
6938                        <div class="baseBar"></div>
6939                        <div class="percentBar" style="width: 0%"></div>
6940                    </div>
6941                </div>
6942            <div class="mediaSynopsi">
6943    @ -299,21 +288,10 @ button#btnCancelar {
6944  
6945                <div class="buttons">
6946                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6947                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/422589&amp;t=75%20Dias");' class="buttom" data-type="facebook">
6948                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6949                    </div>
6950                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/422589&amp;text=75%20Dias");' class="buttom" data-type="twitter">
6951                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6952                    </div>
6953                </div>
6954                <div class="text">
6955                    <div><strong>75 Dias</strong></div>
6956                    <div>Tr&#xEA;s meninas somem. 75 dias depois, seus corpos s&#xE3;o encontrados e come&#xE7;a a busca pelos culpados.</div>
6957                </div>
6958            </div>
6959        </div>
6960            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6961    </div>
6962</li>
6963
6964<script>
6965    var IdItemSelected;
6966
6967function onDeleteItem(idItem) {
6968    IdItemSelected = idItem;
6969    $('#modalConfirmacao').show();
6970}
6971    $(document).ready(function() {
6972        $('.close, #btnCancelar').unbind('click')
6973        $('.close, #btnCancelar').click(function() {
6974            $('#modalConfirmacao').hide();
6975        });
6976
6977        $('#btnConfirmar').unbind('click')
6978        $('#btnConfirmar').click(function() {
6979            Helpers.showLoading();
6980             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6981                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6982                $('#modalConfirmacao').hide();
6983            }).done(function (response) {
6984                if (JSON.parse(response).response.toLowerCase() == "true") {
6985                    location.reload();
6986                }
6987                else{
6988                    Helpers.hideLoading();
6989                }
6990            }).fail(function (erro) {
6991               console.log(erro.responseText)
6992            });
6993        });
6994    });
6995</script>
6995
6996
6997<style>
6998    .remove-icon {
6999        position: absolute;
7000        top: 10px;
7001        left: 10px;
7002        display: flex;
7003        align-items: center;
7004        opacity: 0;
7005        transition: opacity 0.3s ease;
7006    }
7007    .remove-icon img {
7008        width: 30px; 
7009        height: 30px;
7010        background-color: rgba(0, 0, 0, 0.7);
7011        border-radius: 5px;
7012    }
7013    .remove-icon span {
7014        font-size: 14px;
7015        color: #fff;
7016        background-color: rgba(0, 0, 0, 0.7);
7017        padding: 5px;
7018        border-radius: 3px;
7019        margin-left: 30px;
7020        display: none;
7021    }
7022    .media-image:hover .remove-icon {
7023        opacity: 1;
7024    }
7025    .remove-icon:hover span {
7026        display: inline-block; 
7027    }
7028    .modal {
7029        display: none; 
7030        position: fixed;
7031        z-index: 10000;
7032        left: 0;
7033        top: 0;
7034        width: 100%;
7035        height: 100%;
7036        background-color: rgba(0, 0, 0, 0.5);
7037    }
7038    .modal-content {
7039        background-color: white;
7040        margin: 15% auto;
7041        padding: 20px;
7042        border: 1px solid #888;
7043        width: 30%;
7044        text-align: center;
7045        position: relative;
7046        color: #444;
7047        z-index: 10;
7048    }
7049    .close {
7050        position: absolute;
7051        top: 10px;
7052        right: 15px;
7053        font-size: 20px;
7054        font-weight: bold;
7055        cursor: pointer;
7056    }
7057    button {
7058        margin: 10px;
7059        padding: 10px 20px;
7060        cursor: pointer;
7061    }
7062    button#btnCancelar {
7063        background-color: transparent;
7064        color: black;
7065        border: none;
7066    }
7067</style>
7068
7069<li itemscope itemtype="http://schema.org/ItemList" mediaid="364921">
7070    <div class="mediaContainer media-style"
7071         onmousemove="Hover.checkHoverPosition(event, $(this))"
7072         onmouseout="Hover.mobileOut(event, $(this))"
7073         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7074        <div class="item_loader"></div>
7075        <div class="priceContainer">
7076        </div>
7077        <div class="mediaHover">
7078            <div class="hoverContainerInfo">
7079                <div>
7080                    <div class="hoverTitle">
7081                        <div class="hoverTextTitle">Cupido &#xE0;s Avessas</div>
7082                            <div class="hoverInfoTitle">2020 (1h 36m)</div>
7083                    </div>
7084                </div>
7085                <div class="hoverContainerAge">
7086                    <div class="hoverAge movie-age movie-age-14"></div>
7087                    <div class="hoverInfo">
7088                        <div class="movie-captionContainer">
7089                                <div class="movie-caption">Dublado</div>
7090                                <div class="movie-caption">Legendado</div>
7091                        </div>
7092                        <div class="hoverGenre">
7093                            Com&#xE9;dia, Drama
7094                        </div>
7095                    </div>
7096                </div>
7097            </div>
7098        </div>
7099        <div class="mediaCover">
7100           
7101            <div class="media-image">
7102                <div class="nameMedia" itemprop="name">Cupido &#xE0;s Avessas</div>
7103                <video onclick="Hover.details('/detalhes/364921')" muted loop src=""></video>
7104                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7105
7106                                <img
7107                                    draggable="false"
7108                                    loading="lazy"
7109                                    onclick="Hover.details('/detalhes/364921')"
7110                                    onerror="this.src=''; this.onerror = null;"
7111                                    class="imgStyle_landscape imgBase"
7112                                    itemprop="image"
7113                                    alt="Cupido &#xE0;s Avessas"
7114                                    src="https://images-01.ottvs.com.br/0364921/0364921_335.jpg"
7115                                    onload="$(this).fadeIn();"
7116                                />
7117
7118                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
7118om.br/0364921/0364921.mp4" />
7119                    <div class="mediaProgressBar" style="display: none">
7120                        <div class="baseBar"></div>
7121                        <div class="percentBar" style="width: 0%"></div>
7122                    </div>
7123                </div>
7124            <div class="mediaSynopsi">
7125    @ -299,21 +288,10 @ button#btnCancelar {
7126  
7127                <div class="buttons">
7128                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7129                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/364921&amp;t=Cupido%20%C3%A0s%20Avessas");' class="buttom" data-type="facebook">
7130                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7131                    </div>
7132                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/364921&amp;text=Cupido%20%C3%A0s%20Avessas");' class="buttom" data-type="twitter">
7133                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7134                    </div>
7135                </div>
7136                <div class="text">
7137                    <div><strong>Cupido &#xE0;s Avessas</strong></div>
7138                    <div>Cansado de ver seus pais brigando, Damien, um criativo garoto de 15 anos, decide tentar separ&#xE1;-los para que sejam mais felizes.</div>
7139                </div>
7140            </div>
7141        </div>
7142            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7143    </div>
7144</li>
7145
7146<script>
7147    var IdItemSelected;
7148
7149function onDeleteItem(idItem) {
7150    IdItemSelected = idItem;
7151    $('#modalConfirmacao').show();
7152}
7153    $(document).ready(function() {
7154        $('.close, #btnCancelar').unbind('click')
7155        $('.close, #btnCancelar').click(function() {
7156            $('#modalConfirmacao').hide();
7157        });
7158
7159        $('#btnConfirmar').unbind('click')
7160        $('#btnConfirmar').click(function() {
7161            Helpers.showLoading();
7162             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7163                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7164                $('#modalConfirmacao').hide();
7165            }).done(function (response) {
7166                if (JSON.parse(response).response.toLowerCase() == "true") {
7167                    location.reload();
7168                }
7169                else{
7170                    Helpers.hideLoading();
7171                }
7172            }).fail(function (erro) {
7173               console.log(erro.responseText)
7174            });
7175        });
7176    });
7177</script>
7177
7178
7179<style>
7180    .remove-icon {
7181        position: absolute;
7182        top: 10px;
7183        left: 10px;
7184        display: flex;
7185        align-items: center;
7186        opacity: 0;
7187        transition: opacity 0.3s ease;
7188    }
7189    .remove-icon img {
7190        width: 30px; 
7191        height: 30px;
7192        background-color: rgba(0, 0, 0, 0.7);
7193        border-radius: 5px;
7194    }
7195    .remove-icon span {
7196        font-size: 14px;
7197        color: #fff;
7198        background-color: rgba(0, 0, 0, 0.7);
7199        padding: 5px;
7200        border-radius: 3px;
7201        margin-left: 30px;
7202        display: none;
7203    }
7204    .media-image:hover .remove-icon {
7205        opacity: 1;
7206    }
7207    .remove-icon:hover span {
7208        display: inline-block; 
7209    }
7210    .modal {
7211        display: none; 
7212        position: fixed;
7213        z-index: 10000;
7214        left: 0;
7215        top: 0;
7216        width: 100%;
7217        height: 100%;
7218        background-color: rgba(0, 0, 0, 0.5);
7219    }
7220    .modal-content {
7221        background-color: white;
7222        margin: 15% auto;
7223        padding: 20px;
7224        border: 1px solid #888;
7225        width: 30%;
7226        text-align: center;
7227        position: relative;
7228        color: #444;
7229        z-index: 10;
7230    }
7231    .close {
7232        position: absolute;
7233        top: 10px;
7234        right: 15px;
7235        font-size: 20px;
7236        font-weight: bold;
7237        cursor: pointer;
7238    }
7239    button {
7240        margin: 10px;
7241        padding: 10px 20px;
7242        cursor: pointer;
7243    }
7244    button#btnCancelar {
7245        background-color: transparent;
7246        color: black;
7247        border: none;
7248    }
7249</style>
7250
7251<li itemscope itemtype="http://schema.org/ItemList" mediaid="383390">
7252    <div class="mediaContainer media-style"
7253         onmousemove="Hover.checkHoverPosition(event, $(this))"
7254         onmouseout="Hover.mobileOut(event, $(this))"
7255         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7256        <div class="item_loader"></div>
7257        <div class="priceContainer">
7258        </div>
7259        <div class="mediaHover">
7260            <div class="hoverContainerInfo">
7261                <div>
7262                    <div class="hoverTitle">
7263                        <div class="hoverTextTitle">Final Feliz</div>
7264                            <div class="hoverInfoTitle">2018 (1h 35m)</div>
7265                    </div>
7266                </div>
7267                <div class="hoverContainerAge">
7268                    <div class="hoverAge movie-age movie-age-A14"></div>
7269                    <div class="hoverInfo">
7270                        <div class="movie-captionContainer">
7271                                <div class="movie-caption">Dublado</div>
7272                                <div class="movie-caption">Legendado</div>
7273                        </div>
7274                        <div class="hoverGenre">
7275                            Romance, Drama, Com&#xE9;dia
7276                        </div>
7277                    </div>
7278                </div>
7279            </div>
7280        </div>
7281        <div class="mediaCover">
7282           
7283            <div class="media-image">
7284                <div class="nameMedia" itemprop="name">Final Feliz</div>
7285                <video onclick="Hover.details('/detalhes/383390')" muted loop src=""></video>
7286                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7287
7288                            <img draggable="false" onclick="Hover.details('/detalhes/383390')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Final Feliz" src="https://images-01.ottvs.com.br/0383390/0383390_335.jpg" loading="lazy" />
7289                            <img draggable="false" onclick="Hover.details('/detalhes/383390')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Final Feliz" src="https://images-01.ottvs.com.br/0383390/looke_1010_670.jpg" loading="lazy" />
7290
7291                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0383390/0383390.mp4" />
7292                    <div class="mediaProgressBar" style="display: none">
7293                        <div class="baseBar"></div>
7294                        <div class="percentBar" style="width: 0%"></div>
7295                    </div>
7296                </div>
7297            <div class="mediaSynopsi">
7298    @ -299,21 +288,10 @ button#btnCancelar {
7299  
7300                <div class="buttons">
7301                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7302                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/383390&amp;t=Final%20Feliz");' class="buttom" data-type="facebook">
7303                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7304                    </div>
7305                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/383390&amp;text=Final%20Feliz");' class="buttom" data-type="twitter">
7306                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7307                    </div>
7308                </div>
7309                <div class="text">
7310                    <div><strong>Final Feliz</strong></div>
7311                    <div>Helle n&#xE3;
7311o aguenta mais esperar pela aposentadoria de seu marido, mas ele decide investir todas as economias do casal em uma nova carreira.</div>
7312                </div>
7313            </div>
7314        </div>
7315            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7316    </div>
7317</li>
7318
7319<script>
7320    var IdItemSelected;
7321
7322function onDeleteItem(idItem) {
7323    IdItemSelected = idItem;
7324    $('#modalConfirmacao').show();
7325}
7326    $(document).ready(function() {
7327        $('.close, #btnCancelar').unbind('click')
7328        $('.close, #btnCancelar').click(function() {
7329            $('#modalConfirmacao').hide();
7330        });
7331
7332        $('#btnConfirmar').unbind('click')
7333        $('#btnConfirmar').click(function() {
7334            Helpers.showLoading();
7335             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7336                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7337                $('#modalConfirmacao').hide();
7338            }).done(function (response) {
7339                if (JSON.parse(response).response.toLowerCase() == "true") {
7340                    location.reload();
7341                }
7342                else{
7343                    Helpers.hideLoading();
7344                }
7345            }).fail(function (erro) {
7346               console.log(erro.responseText)
7347            });
7348        });
7349    });
7350</script>
7350
7351
7352<style>
7353    .remove-icon {
7354        position: absolute;
7355        top: 10px;
7356        left: 10px;
7357        display: flex;
7358        align-items: center;
7359        opacity: 0;
7360        transition: opacity 0.3s ease;
7361    }
7362    .remove-icon img {
7363        width: 30px; 
7364        height: 30px;
7365        background-color: rgba(0, 0, 0, 0.7);
7366        border-radius: 5px;
7367    }
7368    .remove-icon span {
7369        font-size: 14px;
7370        color: #fff;
7371        background-color: rgba(0, 0, 0, 0.7);
7372        padding: 5px;
7373        border-radius: 3px;
7374        margin-left: 30px;
7375        display: none;
7376    }
7377    .media-image:hover .remove-icon {
7378        opacity: 1;
7379    }
7380    .remove-icon:hover span {
7381        display: inline-block; 
7382    }
7383    .modal {
7384        display: none; 
7385        position: fixed;
7386        z-index: 10000;
7387        left: 0;
7388        top: 0;
7389        width: 100%;
7390        height: 100%;
7391        background-color: rgba(0, 0, 0, 0.5);
7392    }
7393    .modal-content {
7394        background-color: white;
7395        margin: 15% auto;
7396        padding: 20px;
7397        border: 1px solid #888;
7398        width: 30%;
7399        text-align: center;
7400        position: relative;
7401        color: #444;
7402        z-index: 10;
7403    }
7404    .close {
7405        position: absolute;
7406        top: 10px;
7407        right: 15px;
7408        font-size: 20px;
7409        font-weight: bold;
7410        cursor: pointer;
7411    }
7412    button {
7413        margin: 10px;
7414        padding: 10px 20px;
7415        cursor: pointer;
7416    }
7417    button#btnCancelar {
7418        background-color: transparent;
7419        color: black;
7420        border: none;
7421    }
7422</style>
7423
7424<li itemscope itemtype="http://schema.org/ItemList" mediaid="460400">
7425    <div class="mediaContainer media-style"
7426         onmousemove="Hover.checkHoverPosition(event, $(this))"
7427         onmouseout="Hover.mobileOut(event, $(this))"
7428         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7429        <div class="item_loader"></div>
7430        <div class="priceContainer">
7431        </div>
7432        <div class="mediaHover">
7433            <div class="hoverContainerInfo">
7434                <div>
7435                    <div class="hoverTitle">
7436                        <div class="hoverTextTitle">Confrontando o Passado</div>
7437                            <div class="hoverInfoTitle">2022 (1h 40m)</div>
7438                    </div>
7439                </div>
7440                <div class="hoverContainerAge">
7441                    <div class="hoverAge movie-age movie-age-A14"></div>
7442                    <div class="hoverInfo">
7443                        <div class="movie-captionContainer">
7444                                <div class="movie-caption">Dublado</div>
7445                                <div class="movie-caption">Legendado</div>
7446                        </div>
7447                        <div class="hoverGenre">
7448                            Drama
7449                        </div>
7450                    </div>
7451                </div>
7452            </div>
7453        </div>
7454        <div class="mediaCover">
7455           
7456            <div class="media-image">
7457                <div class="nameMedia" itemprop="name">Confrontando o Passado</div>
7458                <video onclick="Hover.details('/detalhes/460400')" muted loop src=""></video>
7459                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7460
7461                            <img draggable="false" onclick="Hover.details('/detalhes/460400')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Confrontando o Passado" src="https://images-01.ottvs.com.br/0460400/0460400_335.jpg" loading="lazy" />
7462                            <img draggable="false" onclick="Hover.details('/detalhes/460400')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Confrontando o Passado" src="https://images-01.ottvs.com.br/0460400/looke_1010_670.jpg" loading="lazy" />
7463
7464                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0460400/0460400.mp4" />
7465                    <div class="mediaProgressBar" style="display: none">
7466                        <div class="baseBar"></div>
7467                        <div class="percentBar" style="width: 0%"></div>
7468                    </div>
7469                </div>
7470            <div class="mediaSynopsi">
7471    @ -299,21 +288,10 @ button#btnCancelar {
7472  
7473                <div class="buttons">
7474                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7475                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/460400&amp;t=Confrontando%20o%20Passado");' class="buttom" data-type="facebook">
7476                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7477                    </div>
7478                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/460400&amp;text=Confrontando%20o%20Passado");' class="buttom" data-type="twitter">
7479                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7480                    </div>
7481                </div>
7482                <div class="text">
7483                    <div><strong>Confrontando o Passado</strong></div>
7484                    <div>Em &#xE9;pocas diferentes, duas pessoas vivenciam a mesma experi&#xEA;ncia traum&#xE1;tica de perder uma algu&#xE9;m.</div>
7485                </div>
7486            </div>
7487        </div>
7488            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7489    </div>
7490</li>
7491
7492<script>
7493    var IdItemSelected;
7494
7495function onDeleteItem(idItem) {
7496    IdItemSelected = idItem;
7497    $('#modalConfirmacao').show();
7498}
7499    $(document).ready(function() {
7500        $('.close, #btnCancelar').unbind('click')
7501        $('.close, #btnCancelar').click(function() {
7502            $('#modalConfirmacao').hide();
7503        });
7504
7505        $('#btnConfirmar').unbind('click')
7506        $('#btnConfirmar').click(function() {
7507            Helpers.showLoading();
7508             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7509                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7510                $('#modalConfirmacao').hide();
7511            }).done(function (response) {
7512                if (JSON.parse(response).response.toLowerCase() == "true") {
7513                    location.reload();
7514                }
7515                else{
7516                    Helpers.hideLoading();
7517                }
7518            }).fail(function (erro) {
7519               console.log(erro.responseText)
7520            });
7521        });
7522    });
7523</script>
7523
7524
7525<style>
7526    .remove-icon {
7527        position: absolute;
7528        top: 10px;
7529        left: 10px;
7530        display: flex;
7531        align-items: center;
7532        opacity: 0;
7533        transition: opacity 0.3s ease;
7534    }
7535    .remove-icon img {
7536        width: 30px; 
7537        height: 30px;
7538        background-color: rgba(0, 0, 0, 0.7);
7539        border-radius: 5px;
7540    }
7541    .remove-icon span {
7542        font-size: 14px;
7543        color: #fff;
7544        background-color: rgba(0, 0, 0, 0.7);
7545        padding: 5px;
7546        border-radius: 3px;
7547        margin-left: 30px;
7548        display: none;
7549    }
7550    .media-image:hover .remove-icon {
7551        opacity: 1;
7552    }
7553    .remove-icon:hover span {
7554        display: inline-block; 
7555    }
7556    .modal {
7557        display: none; 
7558        position: fixed;
7559        z-index: 10000;
7560        left: 0;
7561        top: 0;
7562        width: 100%;
7563        height: 100%;
7564        background-color: rgba(0, 0, 0, 0.5);
7565    }
7566    .modal-content {
7567        background-color: white;
7568        margin: 15% auto;
7569        padding: 20px;
7570        border: 1px solid #888;
7571        width: 30%;
7572        text-align: center;
7573        position: relative;
7574        color: #444;
7575        z-index: 10;
7576    }
7577    .close {
7578        position: absolute;
7579        top: 10px;
7580        right: 15px;
7581        font-size: 20px;
7582        font-weight: bold;
7583        cursor: pointer;
7584    }
7585    button {
7586        margin: 10px;
7587        padding: 10px 20px;
7588        cursor: pointer;
7589    }
7590    button#btnCancelar {
7591        background-color: transparent;
7592        color: black;
7593        border: none;
7594    }
7595</style>
7596
7597<li itemscope itemtype="http://schema.org/ItemList" mediaid="372349">
7598    <div class="mediaContainer media-style"
7599         onmousemove="Hover.checkHoverPosition(event, $(this))"
7600         onmouseout="Hover.mobileOut(event, $(this))"
7601         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7602        <div class="item_loader"></div>
7603        <div class="priceContainer">
7604        </div>
7605        <div class="mediaHover">
7606            <div class="hoverContainerInfo">
7607                <div>
7608                    <div class="hoverTitle">
7609                        <div class="hoverTextTitle">Fugindo do Para&#xED;so</div>
7610                            <div class="hoverInfoTitle">2022 (1h 31m)</div>
7611                    </div>
7612                </div>
7613                <div class="hoverContainerAge">
7614                    <div class="hoverAge movie-age movie-age-A16"></div>
7615                    <div class="hoverInfo">
7616                        <div class="movie-captionContainer">
7617                                <div class="movie-caption">Dublado</div>
7618                                <div class="movie-caption">Legendado</div>
7619                        </div>
7620                        <div class="hoverGenre">
7621                            A&#xE7;&#xE3;o, Suspense
7622                        </div>
7623                    </div>
7624                </div>
7625            </div>
7626        </div>
7627        <div class="mediaCover">
7628           
7629            <div class="media-image">
7630                <div class="nameMedia" itemprop="name">Fugindo do Para&#xED;so</div>
7631                <video onclick="Hover.details('/detalhes/372349')" muted loop src=""></video>
7632                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7633
7634                            <img draggable="false" onclick="Hover.details('/detalhes/372349')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Fugindo do Para&#xED;so" src="https://images-01.ottvs.com.br/0372349/0372349_335.jpg" loading="lazy" />
7635                            <img draggable="false" onclick="Hover.details('/detalhes/372349')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Fugindo do Para&#xED;so" src="https://images-01.ottvs.com.br/0372349/looke_1010_670.jpg" loading="lazy" />
7636
7637                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0372349/0372349.mp4" />
7638                    <div class="mediaProgressBar" style="display: none">
7639                        <div class="baseBar"></div>
7640                        <div class="percentBar" style="width: 0%"></div>
7641                    </div>
7642                </div>
7643            <div class="mediaSynopsi">
7644    @ -299,21 +288,10 @ button#btnCancelar {
7645  
7646                <div class="buttons">
7647                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7648                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/372349&amp;t=Fugindo%20do%20Para%C3%ADso");' class="buttom" data-type="facebook">
7649                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7650                    </div>
7651                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/372349&amp;text=Fugindo%20do%20Para%C3%ADso");' class="buttom" data-type="twitter">
7652                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7653                    </div>
7654                </div>
7655                <div class="text">
7656                    <div><strong>Fugindo do Para&#xED;so</strong></div>
7657                    <div>Um jovem casal decide celebrar o seu anivers&#xE1;rio de casamento em uma ilha das Filipinas.</div>
7658                </div>
7659            </div>
7660        </div>
7661            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7662    </div>
7663</li>
7664
7665<script>
7666    var IdItemSelected;
7667
7668function onDeleteItem(idItem) {
7669    IdItemSelected = idItem;
7670    $('#modalConfirmacao').show();
7671}
7672    $(document).ready(function() {
7673        $('.close, #btnCancelar').unbind('click')
7674        $('.close, #btnCancelar').click(function() {
7675            $('#modalConfirmacao').hide();
7676        });
7677
7678        $('#btnConfirmar').unbind('click')
7679        $('#btnConfirmar').click(function() {
7680            Helpers.showLoading();
7681             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7682                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7683                $('#modalConfirmacao').hide();
7684            }).done(function (response) {
7685                if (JSON.parse(response).response.toLowerCase() == "true") {
7686                    location.reload();
7687                }
7688                else{
7689                    Helpers.hideLoading();
7690                }
7691            }).fail(function (erro) {
7692               console.log(erro.responseText)
7693            });
7694        });
7695    });
7696</script>
7696
7697
7698<style>
7699    .remove-icon {
7700        position: absolute;
7701        top: 10px;
7702        left: 10px;
7703        display: flex;
7704        align-items: center;
7705        opacity: 0;
7706        transition: opacity 0.3s ease;
7707    }
7708    .remove-icon img {
7709        width: 30px; 
7710        height: 30px;
7711        background-color: rgba(0, 0, 0, 0.7);
7712        border-radius: 5px;
7713    }
7714    .remove-icon span {
7715        font-size: 14px;
7716        color: #fff;
7717        background-color: rgba(0, 0, 0, 0.7);
7718        padding: 5px;
7719        border-radius: 3px;
7720        margin-left: 30px;
7721        display: none;
7722    }
7723    .media-image:hover .remove-icon {
7724        opacity: 1;
7725    }
7726    .remove-icon:hover span {
7727        display: inline-block; 
7728    }
7729    .modal {
7730        display: none; 
7731        position: fixed;
7732        z-index: 10000;
7733        left: 0;
7734        top: 0;
7735        width: 100%;
7736        height: 100%;
7737        background-color: rgba(0, 0, 0, 0.5);
7738    }
7739    .modal-content {
7740        background-color: white;
7741        margin: 15% auto;
7742        padding: 20px;
7743        border: 1px solid #888;
7744        width: 30%;
7745        text-align: center;
7746        position: relative;
7747        color: #444;
7748        z-index: 10;
7749    }
7750    .close {
7751        position: absolute;
7752        top: 10px;
7753        right: 15px;
7754        font-size: 20px;
7755        font-weight: bold;
7756        cursor: pointer;
7757    }
7758    button {
7759        margin: 10px;
7760        padding: 10px 20px;
7761        cursor: pointer;
7762    }
7763    button#btnCancelar {
7764        background-color: transparent;
7765        color: black;
7766        border: none;
7767    }
7768</style>
7769
7770<li itemscope itemtype="http://schema.org/ItemList" mediaid="415694">
7771    <div class="mediaContainer media-style"
7772         onmousemove="Hover.checkHoverPosition(event, $(this))"
7773         onmouseout="Hover.mobileOut(event, $(this))"
7774         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7775        <div class="item_loader"></div>
7776        <div class="priceContainer">
7777        </div>
7778        <div class="mediaHover">
7779            <div class="hoverContainerInfo">
7780                <div>
7781                    <div class="hoverTitle">
7782                        <div class="hoverTextTitle">Master Kid - O Despertar de um Her&#xF3;i</div>
7783                            <div class="hoverInfoTitle">2021 (1h 33m)</div>
7784                    </div>
7785                </div>
7786                <div class="hoverContainerAge">
7787                    <div class="hoverAge movie-age movie-age-A6"></div>
7788                    <div class="hoverInfo">
7789                        <div class="movie-captionContainer">
7790                                <div class="movie-caption">Dublado</div>
7791                                <div class="movie-caption">Legendado</div>
7792                        </div>
7793                        <div class="hoverGenre">
7794                            Anima&#xE7;&#xE3;o
7795                        </div>
7796                    </div>
7797                </div>
7798            </div>
7799        </div>
7800        <div class="mediaCover">
7801           
7802            <div class="media-image">
7803                <div class="nameMedia" itemprop="name">Master Kid - O Despertar de um Her&#xF3;i</div>
7804                <video onclick="Hover.details('/detalhes/415694')" muted loop src=""></video>
7805                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7806
7807                            <img draggable="false" onclick="Hover.details('/detalhes/415694')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Master Kid - O Despertar de um Her&#xF3;i" src="https://images-01.ottvs.com.br/0415694/0415694_335.jpg" loading="lazy" />
7808                            <img draggable="false" onclick="Hover.details('/detalhes/415694')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Master Kid - O Despertar de um Her&#xF3;i" src="https://images-01.ottvs.com.br/0415694/looke_1010_670.jpg" loading="lazy" />
7809
7810                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
7810om.br/0415694/0415694.mp4" />
7811                    <div class="mediaProgressBar" style="display: none">
7812                        <div class="baseBar"></div>
7813                        <div class="percentBar" style="width: 0%"></div>
7814                    </div>
7815                </div>
7816            <div class="mediaSynopsi">
7817    @ -299,21 +288,10 @ button#btnCancelar {
7818  
7819                <div class="buttons">
7820                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7821                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/415694&amp;t=Master%20Kid%20-%20O%20Despertar%20de%20um%20Her%C3%B3i");' class="buttom" data-type="facebook">
7822                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7823                    </div>
7824                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/415694&amp;text=Master%20Kid%20-%20O%20Despertar%20de%20um%20Her%C3%B3i");' class="buttom" data-type="twitter">
7825                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7826                    </div>
7827                </div>
7828                <div class="text">
7829                    <div><strong>Master Kid - O Despertar de um Her&#xF3;i</strong></div>
7830                    <div>Leon quer ser her&#xF3;i, mas s&#xF3; causa problemas. Ele descobre que &#xE9; a reencarna&#xE7;&#xE3;o de um lend&#xE1;rio her&#xF3;i.</div>
7831                </div>
7832            </div>
7833        </div>
7834            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7835    </div>
7836</li>
7837
7838<script>
7839    var IdItemSelected;
7840
7841function onDeleteItem(idItem) {
7842    IdItemSelected = idItem;
7843    $('#modalConfirmacao').show();
7844}
7845    $(document).ready(function() {
7846        $('.close, #btnCancelar').unbind('click')
7847        $('.close, #btnCancelar').click(function() {
7848            $('#modalConfirmacao').hide();
7849        });
7850
7851        $('#btnConfirmar').unbind('click')
7852        $('#btnConfirmar').click(function() {
7853            Helpers.showLoading();
7854             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7855                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7856                $('#modalConfirmacao').hide();
7857            }).done(function (response) {
7858                if (JSON.parse(response).response.toLowerCase() == "true") {
7859                    location.reload();
7860                }
7861                else{
7862                    Helpers.hideLoading();
7863                }
7864            }).fail(function (erro) {
7865               console.log(erro.responseText)
7866            });
7867        });
7868    });
7869</script>
7869
7870                            </ul>
7871                </div>
7872
7873            </div>
7874            <div class="carousel_media_details">
7875                <div class="panel_loader">
7876                    <div class="panel_loader_img"></div>
7877                </div>
7878                <span class="og-close"></span>
7879                <div class="movie-info"></div>
7880            </div>
7881
7882        </div>
7883    </div>
7884</div>    </div>
7885    <div class="" style="background-color:#000000">
7886
7887<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7116" style="z-index: 10;">
7888    <div class="item">
7889        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
7890            <img src="https://resources-01.ottvs.com.br/banner/180607d1-11cd-4608-84f1-7d354bb5ed83.png">
7891        </div>
7892    </div>
7893
7894 
7895</div>
7896
7897<script type="text/javascript">
7898   //$(document).ready(function () {
7899    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
7900    statePadingValue = isMobile ? 10 : 30
7901
7902    carouselConfig = {
7903        nav: isMobile ? false : true, // Show next and prev buttons
7904        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
7905        slideSpeed: 300,
7906        navSpeed: 800,
7907        margin: 50,
7908        stagePadding: $(".page-home").length ? statePadingValue : 0,
7909        items: 1,
7910        loop: true,
7911        autoplay: true,
7912        navigationText: ["", ""],
7913        afterInit: function (elem) {
7914            var that = this
7915            that.owlControls.prependTo(elem)
7916        }
7917    }
7918        
7919    carouselConfig.animateOut = '';
7920    carouselConfig.autoplayTimeout = (8) * 1000;
7921
7922    $(".owl-id-7116").owlCarousel(carouselConfig),
7923    $('.owl-id- .owl-pagination').addClass("hideSmall");
7924
7925    //});
7926</script>
7926
7927    </div>
7928    <div class="" style="background-color:#000000">
7929<div class="frame-holder">
7930    <div class="frame-center">
7931        <div class="mediaCarousel sectionStyle_1" carrousel-id='5585' id="media-5585" style="">
7932                <a class="carousel_title_panel" href="/movies/seriados">
7933                    <div>S&#xE9;ries do mundo todo</div>   
7934                </a>
7935            <div class="frame-container">
7936                <div class="carousel_loader" style="display: none">
7937                    <div class="carousel_loader_img"></div>
7938                </div>
7939                <div onmousemove="Carousel.closeHover()" onclick="Carousel.scrollLeft(event, $(this).parent().find('ul'))" class="frame-left" style="display:none">
7940                    <div class="frame-left-arrow"></div>
7941                </div>
7942                <div onmouseover="Carousel.closeHover()" onclick="Carousel.scrollRight(event, $(this).parent().find('ul'))" class="frame-right" >
7943                    <div class="frame-right-arrow"></div>
7944                </div>
7945                <div class="frame"
7946                     onmousedown="Carousel.initScrool(event, $(this).find('ul'))"
7947                     onmouseup="Carousel.completeScrool(event, $(this).find('ul'))"
7948                     onmousemove="Carousel.moveScrool();">
7949                            <ul class="items" id="Id-178ae2c6-2995-40f5-a93b-f4590dbfbbc9">
7950                                <input type="hidden" class="sectionId" value="5585" />
7951                                <input type="hidden" class="lastPage" value="0" />
7952                                <input type="hidden" class="totalRecords" value="51" />
7953                                <input type="hidden" class="sectionStyle" value="1" />
7954
7955<style>
7956    .remove-icon {
7957        position: absolute;
7958        top: 10px;
7959        left: 10px;
7960        display: flex;
7961        align-items: center;
7962        opacity: 0;
7963        transition: opacity 0.3s ease;
7964    }
7965    .remove-icon img {
7966        width: 30px; 
7967        height: 30px;
7968        background-color: rgba(0, 0, 0, 0.7);
7969        border-radius: 5px;
7970    }
7971    .remove-icon span {
7972        font-size: 14px;
7973        color: #fff;
7974        background-color: rgba(0, 0, 0, 0.7);
7975        padding: 5px;
7976        border-radius: 3px;
7977        margin-left: 30px;
7978        display: none;
7979    }
7980    .media-image:hover .remove-icon {
7981        opacity: 1;
7982    }
7983    .remove-icon:hover span {
7984        display: inline-block; 
7985    }
7986    .modal {
7987        display: none; 
7988        position: fixed;
7989        z-index: 10000;
7990        left: 0;
7991        top: 0;
7992        width: 100%;
7993        height: 100%;
7994        background-color: rgba(0, 0, 0, 0.5);
7995    }
7996    .modal-content {
7997        background-color: white;
7998        margin: 15% auto;
7999        padding: 20px;
8000        border: 1px solid #888;
8001        width: 30%;
8002        text-align: center;
8003        position: relative;
8004        color: #444;
8005        z-index: 10;
8006    }
8007    .close {
8008        position: absolute;
8009        top: 10px;
8010        right: 15px;
8011        font-size: 20px;
8012        font-weight: bold;
8013        cursor: pointer;
8014    }
8015    button {
8016        margin: 10px;
8017        padding: 10px 20px;
8018        cursor: pointer;
8019    }
8020    button#btnCancelar {
8021        background-color: transparent;
8022        color: black;
8023        border: none;
8024    }
8025</style>
8026
8027<li itemscope itemtype="http://schema.org/ItemList" mediaid="200126">
8028    <div class="mediaContainer media-style"
8029         onmousemove="Hover.checkHoverPosition(event, $(this))"
8030         onmouseout="Hover.mobileOut(event, $(this))"
8031         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8032        <div class="item_loader"></div>
8033        <div class="priceContainer">
8034        </div>
8035        <div class="mediaHover">
8036            <div class="hoverContainerInfo">
8037                <div>
8038                    <div class="hoverTitle">
8039                        <div class="hoverTextTitle">A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada</div>
8040                            <div class="hoverInfoTitle">2016 (8 episódios)</div>
8041                    </div>
8042                </div>
8043                <div class="hoverContainerAge">
8044                    <div class="hoverAge movie-age movie-age-A16"></div>
8045                    <div class="hoverInfo">
8046                        <div class="movie-captionContainer">
8047                                <div class="movie-caption">Legendado</div>
8048                        </div>
8049                        <div class="hoverGenre">
8050                            Drama, Hist&#xF3;ria, Romance
8051                        </div>
8052                    </div>
8053                </div>
8054            </div>
8055        </div>
8056        <div class="mediaCover">
8057           
8058            <div class="media-image">
8059                <div class="nameMedia" itemprop="name">A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada</div>
8060                <video onclick="Hover.details('/detalhes/200126')" muted loop src=""></video>
8061                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8062
8063                            <img draggable="false" onclick="Hover.details('/detalhes/200126')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Cole&#xE7;&#xE3;o - 1&#xAA;
8063 Temporada" src="https://images-01.ottvs.com.br/0200126/0200126_335.jpg" loading="lazy" />
8064                            <img draggable="false" onclick="Hover.details('/detalhes/200126')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0200132/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0200126/looke_1010_670.jpg" loading="lazy" />
8065
8066                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0200132/0200132.mp4" />
8067                    <div class="mediaProgressBar" style="display: none">
8068                        <div class="baseBar"></div>
8069                        <div class="percentBar" style="width: 0%"></div>
8070                    </div>
8071                </div>
8072            <div class="mediaSynopsi">
8073    @ -299,21 +288,10 @ button#btnCancelar {
8074  
8075                <div class="buttons">
8076                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8077                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/200126&amp;t=A%20Cole%C3%A7%C3%A3o%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8078                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8079                    </div>
8080                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/200126&amp;text=A%20Cole%C3%A7%C3%A3o%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8081                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8082                    </div>
8083                </div>
8084                <div class="text">
8085                    <div><strong>A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada</strong></div>
8086                    <div>Uma cativante saga familiar com um mist&#xE9;rio constante em seu centro. Ambientada em Paris ap&#xF3;s a Segunda Guerra Mundial, ela exp&#xF5;e a podrid&#xE3;o por tr&#xE1;s do glamour e a trai&#xE7;&#xE3;o sob as armadilhas de uma casa de moda de sucesso liderada por dois irm&#xE3;os em atrito. Paris. 1947.</div>
8087                </div>
8088            </div>
8089        </div>
8090            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8091    </div>
8092</li>
8093
8094<script>
8095    var IdItemSelected;
8096
8097function onDeleteItem(idItem) {
8098    IdItemSelected = idItem;
8099    $('#modalConfirmacao').show();
8100}
8101    $(document).ready(function() {
8102        $('.close, #btnCancelar').unbind('click')
8103        $('.close, #btnCancelar').click(function() {
8104            $('#modalConfirmacao').hide();
8105        });
8106
8107        $('#btnConfirmar').unbind('click')
8108        $('#btnConfirmar').click(function() {
8109            Helpers.showLoading();
8110             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8111                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8112                $('#modalConfirmacao').hide();
8113            }).done(function (response) {
8114                if (JSON.parse(response).response.toLowerCase() == "true") {
8115                    location.reload();
8116                }
8117                else{
8118                    Helpers.hideLoading();
8119                }
8120            }).fail(function (erro) {
8121               console.log(erro.responseText)
8122            });
8123        });
8124    });
8125</script>
8125
8126
8127<style>
8128    .remove-icon {
8129        position: absolute;
8130        top: 10px;
8131        left: 10px;
8132        display: flex;
8133        align-items: center;
8134        opacity: 0;
8135        transition: opacity 0.3s ease;
8136    }
8137    .remove-icon img {
8138        width: 30px; 
8139        height: 30px;
8140        background-color: rgba(0, 0, 0, 0.7);
8141        border-radius: 5px;
8142    }
8143    .remove-icon span {
8144        font-size: 14px;
8145        color: #fff;
8146        background-color: rgba(0, 0, 0, 0.7);
8147        padding: 5px;
8148        border-radius: 3px;
8149        margin-left: 30px;
8150        display: none;
8151    }
8152    .media-image:hover .remove-icon {
8153        opacity: 1;
8154    }
8155    .remove-icon:hover span {
8156        display: inline-block; 
8157    }
8158    .modal {
8159        display: none; 
8160        position: fixed;
8161        z-index: 10000;
8162        left: 0;
8163        top: 0;
8164        width: 100%;
8165        height: 100%;
8166        background-color: rgba(0, 0, 0, 0.5);
8167    }
8168    .modal-content {
8169        background-color: white;
8170        margin: 15% auto;
8171        padding: 20px;
8172        border: 1px solid #888;
8173        width: 30%;
8174        text-align: center;
8175        position: relative;
8176        color: #444;
8177        z-index: 10;
8178    }
8179    .close {
8180        position: absolute;
8181        top: 10px;
8182        right: 15px;
8183        font-size: 20px;
8184        font-weight: bold;
8185        cursor: pointer;
8186    }
8187    button {
8188        margin: 10px;
8189        padding: 10px 20px;
8190        cursor: pointer;
8191    }
8192    button#btnCancelar {
8193        background-color: transparent;
8194        color: black;
8195        border: none;
8196    }
8197</style>
8198
8199<li itemscope itemtype="http://schema.org/ItemList" mediaid="214032">
8200    <div class="mediaContainer media-style"
8201         onmousemove="Hover.checkHoverPosition(event, $(this))"
8202         onmouseout="Hover.mobileOut(event, $(this))"
8203         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8204        <div class="item_loader"></div>
8205        <div class="priceContainer">
8206        </div>
8207        <div class="mediaHover">
8208            <div class="hoverContainerInfo">
8209                <div>
8210                    <div class="hoverTitle">
8211                        <div class="hoverTextTitle">Procurados: Vivos ou Mortos - 1&#xAA; Temporada</div>
8212                            <div class="hoverInfoTitle">2019 (4 episódios)</div>
8213                    </div>
8214                </div>
8215                <div class="hoverContainerAge">
8216                    <div class="hoverAge movie-age movie-age-A14"></div>
8217                    <div class="hoverInfo">
8218                        <div class="movie-captionContainer">
8219                                <div class="movie-caption">Dublado</div>
8220                                <div class="movie-caption">Legendado</div>
8221                        </div>
8222                        <div class="hoverGenre">
8223                            A&#xE7;&#xE3;o, Com&#xE9;dia, Drama, Western
8224                        </div>
8225                    </div>
8226                </div>
8227            </div>
8228        </div>
8229        <div class="mediaCover">
8230           
8231            <div class="media-image">
8232                <div class="nameMedia" itemprop="name">Procurados: Vivos ou Mortos - 1&#xAA; Temporada</div>
8233                <video onclick="Hover.details('/detalhes/214032')" muted loop src=""></video>
8234                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8235
8236                            <img draggable="false" onclick="Hover.details('/detalhes/214032')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Procurados: Vivos ou Mortos - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0214032/0214032_335.jpg" loading="lazy" />
8237                            <img draggable="false" onclick="Hover.details('/detalhes/214032')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0214035/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Procurados: Vivos ou Mortos - 1&#xAA;
8237 Temporada" src="https://images-01.ottvs.com.br/0214032/looke_1010_670.jpg" loading="lazy" />
8238
8239                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0214035/0214035.mp4" />
8240                    <div class="mediaProgressBar" style="display: none">
8241                        <div class="baseBar"></div>
8242                        <div class="percentBar" style="width: 0%"></div>
8243                    </div>
8244                </div>
8245            <div class="mediaSynopsi">
8246    @ -299,21 +288,10 @ button#btnCancelar {
8247  
8248                <div class="buttons">
8249                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8250                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/214032&amp;t=Procurados%3A%20Vivos%20ou%20Mortos%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8251                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8252                    </div>
8253                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/214032&amp;text=Procurados%3A%20Vivos%20ou%20Mortos%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8254                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8255                    </div>
8256                </div>
8257                <div class="text">
8258                    <div><strong>Procurados: Vivos ou Mortos - 1&#xAA; Temporada</strong></div>
8259                    <div>Em uma pequena cidade do Texas, Luke Young e Lem Sinclair s&#xE3;o bandidos que fazem inimizade com um impiedoso delegado, que os acusa de assassinato.</div>
8260                </div>
8261            </div>
8262        </div>
8263            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8264    </div>
8265</li>
8266
8267<script>
8268    var IdItemSelected;
8269
8270function onDeleteItem(idItem) {
8271    IdItemSelected = idItem;
8272    $('#modalConfirmacao').show();
8273}
8274    $(document).ready(function() {
8275        $('.close, #btnCancelar').unbind('click')
8276        $('.close, #btnCancelar').click(function() {
8277            $('#modalConfirmacao').hide();
8278        });
8279
8280        $('#btnConfirmar').unbind('click')
8281        $('#btnConfirmar').click(function() {
8282            Helpers.showLoading();
8283             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8284                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8285                $('#modalConfirmacao').hide();
8286            }).done(function (response) {
8287                if (JSON.parse(response).response.toLowerCase() == "true") {
8288                    location.reload();
8289                }
8290                else{
8291                    Helpers.hideLoading();
8292                }
8293            }).fail(function (erro) {
8294               console.log(erro.responseText)
8295            });
8296        });
8297    });
8298</script>
8298
8299
8300<style>
8301    .remove-icon {
8302        position: absolute;
8303        top: 10px;
8304        left: 10px;
8305        display: flex;
8306        align-items: center;
8307        opacity: 0;
8308        transition: opacity 0.3s ease;
8309    }
8310    .remove-icon img {
8311        width: 30px; 
8312        height: 30px;
8313        background-color: rgba(0, 0, 0, 0.7);
8314        border-radius: 5px;
8315    }
8316    .remove-icon span {
8317        font-size: 14px;
8318        color: #fff;
8319        background-color: rgba(0, 0, 0, 0.7);
8320        padding: 5px;
8321        border-radius: 3px;
8322        margin-left: 30px;
8323        display: none;
8324    }
8325    .media-image:hover .remove-icon {
8326        opacity: 1;
8327    }
8328    .remove-icon:hover span {
8329        display: inline-block; 
8330    }
8331    .modal {
8332        display: none; 
8333        position: fixed;
8334        z-index: 10000;
8335        left: 0;
8336        top: 0;
8337        width: 100%;
8338        height: 100%;
8339        background-color: rgba(0, 0, 0, 0.5);
8340    }
8341    .modal-content {
8342        background-color: white;
8343        margin: 15% auto;
8344        padding: 20px;
8345        border: 1px solid #888;
8346        width: 30%;
8347        text-align: center;
8348        position: relative;
8349        color: #444;
8350        z-index: 10;
8351    }
8352    .close {
8353        position: absolute;
8354        top: 10px;
8355        right: 15px;
8356        font-size: 20px;
8357        font-weight: bold;
8358        cursor: pointer;
8359    }
8360    button {
8361        margin: 10px;
8362        padding: 10px 20px;
8363        cursor: pointer;
8364    }
8365    button#btnCancelar {
8366        background-color: transparent;
8367        color: black;
8368        border: none;
8369    }
8370</style>
8371
8372<li itemscope itemtype="http://schema.org/ItemList" mediaid="352060">
8373    <div class="mediaContainer media-style"
8374         onmousemove="Hover.checkHoverPosition(event, $(this))"
8375         onmouseout="Hover.mobileOut(event, $(this))"
8376         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8377        <div class="item_loader"></div>
8378        <div class="priceContainer">
8379        </div>
8380        <div class="mediaHover">
8381            <div class="hoverContainerInfo">
8382                <div>
8383                    <div class="hoverTitle">
8384                        <div class="hoverTextTitle">A B&#xEA;n&#xE7;&#xE3;o</div>
8385                            <div class="hoverInfoTitle">2020 (8 episódios)</div>
8386                    </div>
8387                </div>
8388                <div class="hoverContainerAge">
8389                    <div class="hoverAge movie-age movie-age-16"></div>
8390                    <div class="hoverInfo">
8391                        <div class="movie-captionContainer">
8392                                <div class="movie-caption">Nacional</div>
8393                        </div>
8394                        <div class="hoverGenre">
8395                            Drama, Fic&#xE7;&#xE3;o Cient&#xED;fica, Suspense
8396                        </div>
8397                    </div>
8398                </div>
8399            </div>
8400        </div>
8401        <div class="mediaCover">
8402           
8403            <div class="media-image">
8404                <div class="nameMedia" itemprop="name">A B&#xEA;n&#xE7;&#xE3;o</div>
8405                <video onclick="Hover.details('/detalhes/352060')" muted loop src=""></video>
8406                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8407
8408                            <img draggable="false" onclick="Hover.details('/detalhes/352060')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A B&#xEA;n&#xE7;&#xE3;o" src="https://images-01.ottvs.com.br/0352060/0352060_335.jpg" loading="lazy" />
8409                            <img draggable="false" onclick="Hover.details('/detalhes/352060')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0352064/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A B&#xEA;n&#xE7;&#xE3;o" src="https://images-01.ottvs.com.br/0352060/looke_1010_670.jpg" loading="lazy" />
8410
8411                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0352064/0352064.mp4" />
8412                    <div class="mediaProgressBar" style="display: none">
8413                        <div class="baseBar"></div>
8414                        <div class="percentBar" style="width: 0%"></div>
8415                    </div>
8416                </div>
8417            <div class="mediaSynopsi">
8418    @ -299,21 +288,10 @ button#btnCancelar {
8419  
8420                <div class="buttons">
8421                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8422                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/352060&amp;t=A%20B%C3%AAn%C3%A7%C3%A3o");' class="buttom" data-type="facebook">
8423                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8424                    </div>
8425                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/352060&amp;text=A%20B%C3%AAn%C3%A7%C3%A3o");' class="buttom" data-type="twitter">
8426                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8427                    </div>
8428                </div>
8429                <div class="text">
8430                    <div><strong>A B&#xEA;n&#xE7;&#xE3;o</strong></div>
8431                    <div>A vida de sete pessoas muda profundamente ao se envolverem na cria&#xE7;&#xE3;o de um medicamento capaz de suprimir o medo mais fundamental do ser humano: o medo da morte.</div>
8432                </div>
8433            </div>
8434        </div>
8435            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8436    </div>
8437</li>
8438
8439<script>
8440    var IdItemSelected;
8441
8442function onDeleteItem(idItem) {
8443    IdItemSelected = idItem;
8444    $('#modalConfirmacao').show();
8445}
8446    $(document).ready(function() {
8447        $('.close, #btnCancelar').unbind('click')
8448        $('.close, #btnCancelar').click(function() {
8449            $('#modalConfirmacao').hide();
8450        });
8451
8452        $('#btnConfirmar').unbind('click')
8453        $('#btnConfirmar').click(function() {
8454            Helpers.showLoading();
8455             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8456                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8457                $('#modalConfirmacao').hide();
8458            }).done(function (response) {
8459                if (JSON.parse(response).response.toLowerCase() == "true") {
8460                    location.reload();
8461                }
8462                else{
8463                    Helpers.hideLoading();
8464                }
8465            }).fail(function (erro) {
8466               console.log(erro.responseText)
8467            });
8468        });
8469    });
8470</script>
8470
8471
8472<style>
8473    .remove-icon {
8474        position: absolute;
8475        top: 10px;
8476        left: 10px;
8477        display: flex;
8478        align-items: center;
8479        opacity: 0;
8480        transition: opacity 0.3s ease;
8481    }
8482    .remove-icon img {
8483        width: 30px; 
8484        height: 30px;
8485        background-color: rgba(0, 0, 0, 0.7);
8486        border-radius: 5px;
8487    }
8488    .remove-icon span {
8489        font-size: 14px;
8490        color: #fff;
8491        background-color: rgba(0, 0, 0, 0.7);
8492        padding: 5px;
8493        border-radius: 3px;
8494        margin-left: 30px;
8495        display: none;
8496    }
8497    .media-image:hover .remove-icon {
8498        opacity: 1;
8499    }
8500    .remove-icon:hover span {
8501        display: inline-block; 
8502    }
8503    .modal {
8504        display: none; 
8505        position: fixed;
8506        z-index: 10000;
8507        left: 0;
8508        top: 0;
8509        width: 100%;
8510        height: 100%;
8511        background-color: rgba(0, 0, 0, 0.5);
8512    }
8513    .modal-content {
8514        background-color: white;
8515        margin: 15% auto;
8516        padding: 20px;
8517        border: 1px solid #888;
8518        width: 30%;
8519        text-align: center;
8520        position: relative;
8521        color: #444;
8522        z-index: 10;
8523    }
8524    .close {
8525        position: absolute;
8526        top: 10px;
8527        right: 15px;
8528        font-size: 20px;
8529        font-weight: bold;
8530        cursor: pointer;
8531    }
8532    button {
8533        margin: 10px;
8534        padding: 10px 20px;
8535        cursor: pointer;
8536    }
8537    button#btnCancelar {
8538        background-color: transparent;
8539        color: black;
8540        border: none;
8541    }
8542</style>
8543
8544<li itemscope itemtype="http://schema.org/ItemList" mediaid="375973">
8545    <div class="mediaContainer media-style"
8546         onmousemove="Hover.checkHoverPosition(event, $(this))"
8547         onmouseout="Hover.mobileOut(event, $(this))"
8548         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8549        <div class="item_loader"></div>
8550        <div class="priceContainer">
8551        </div>
8552        <div class="mediaHover">
8553            <div class="hoverContainerInfo">
8554                <div>
8555                    <div class="hoverTitle">
8556                        <div class="hoverTextTitle">A Tormenta - 1&#xAA; Temporada</div>
8557                            <div class="hoverInfoTitle">2016 (6 episódios)</div>
8558                    </div>
8559                </div>
8560                <div class="hoverContainerAge">
8561                    <div class="hoverAge movie-age movie-age-A12"></div>
8562                    <div class="hoverInfo">
8563                        <div class="movie-captionContainer">
8564                                <div class="movie-caption">Dublado</div>
8565                                <div class="movie-caption">Legendado</div>
8566                        </div>
8567                        <div class="hoverGenre">
8568                            Suspense, Drama
8569                        </div>
8570                    </div>
8571                </div>
8572            </div>
8573        </div>
8574        <div class="mediaCover">
8575           
8576            <div class="media-image">
8577                <div class="nameMedia" itemprop="name">A Tormenta - 1&#xAA; Temporada</div>
8578                <video onclick="Hover.details('/detalhes/375973')" muted loop src=""></video>
8579                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8580
8581                            <img draggable="false" onclick="Hover.details('/detalhes/375973')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Tormenta - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0375973/0375973_335.jpg" loading="lazy" />
8582                            <img draggable="false" onclick="Hover.details('/detalhes/375973')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0375977/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Tormenta - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0375973/looke_1010_670.jpg" loading="lazy" />
8583
8584                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
8584om.br/0375977/0375977.mp4" />
8585                    <div class="mediaProgressBar" style="display: none">
8586                        <div class="baseBar"></div>
8587                        <div class="percentBar" style="width: 0%"></div>
8588                    </div>
8589                </div>
8590            <div class="mediaSynopsi">
8591    @ -299,21 +288,10 @ button#btnCancelar {
8592  
8593                <div class="buttons">
8594                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8595                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/375973&amp;t=A%20Tormenta%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8596                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8597                    </div>
8598                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/375973&amp;text=A%20Tormenta%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8599                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8600                    </div>
8601                </div>
8602                <div class="text">
8603                    <div><strong>A Tormenta - 1&#xAA; Temporada</strong></div>
8604                    <div>Uma poderosa tempestade faz com que os sistemas de defesa contra inunda&#xE7;&#xF5;es da Holanda e B&#xE9;lgica entrem em colapso, colocando a vida de milhares de pessoas em perigo.</div>
8605                </div>
8606            </div>
8607        </div>
8608            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8609    </div>
8610</li>
8611
8612<script>
8613    var IdItemSelected;
8614
8615function onDeleteItem(idItem) {
8616    IdItemSelected = idItem;
8617    $('#modalConfirmacao').show();
8618}
8619    $(document).ready(function() {
8620        $('.close, #btnCancelar').unbind('click')
8621        $('.close, #btnCancelar').click(function() {
8622            $('#modalConfirmacao').hide();
8623        });
8624
8625        $('#btnConfirmar').unbind('click')
8626        $('#btnConfirmar').click(function() {
8627            Helpers.showLoading();
8628             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8629                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8630                $('#modalConfirmacao').hide();
8631            }).done(function (response) {
8632                if (JSON.parse(response).response.toLowerCase() == "true") {
8633                    location.reload();
8634                }
8635                else{
8636                    Helpers.hideLoading();
8637                }
8638            }).fail(function (erro) {
8639               console.log(erro.responseText)
8640            });
8641        });
8642    });
8643</script>
8643
8644
8645<style>
8646    .remove-icon {
8647        position: absolute;
8648        top: 10px;
8649        left: 10px;
8650        display: flex;
8651        align-items: center;
8652        opacity: 0;
8653        transition: opacity 0.3s ease;
8654    }
8655    .remove-icon img {
8656        width: 30px; 
8657        height: 30px;
8658        background-color: rgba(0, 0, 0, 0.7);
8659        border-radius: 5px;
8660    }
8661    .remove-icon span {
8662        font-size: 14px;
8663        color: #fff;
8664        background-color: rgba(0, 0, 0, 0.7);
8665        padding: 5px;
8666        border-radius: 3px;
8667        margin-left: 30px;
8668        display: none;
8669    }
8670    .media-image:hover .remove-icon {
8671        opacity: 1;
8672    }
8673    .remove-icon:hover span {
8674        display: inline-block; 
8675    }
8676    .modal {
8677        display: none; 
8678        position: fixed;
8679        z-index: 10000;
8680        left: 0;
8681        top: 0;
8682        width: 100%;
8683        height: 100%;
8684        background-color: rgba(0, 0, 0, 0.5);
8685    }
8686    .modal-content {
8687        background-color: white;
8688        margin: 15% auto;
8689        padding: 20px;
8690        border: 1px solid #888;
8691        width: 30%;
8692        text-align: center;
8693        position: relative;
8694        color: #444;
8695        z-index: 10;
8696    }
8697    .close {
8698        position: absolute;
8699        top: 10px;
8700        right: 15px;
8701        font-size: 20px;
8702        font-weight: bold;
8703        cursor: pointer;
8704    }
8705    button {
8706        margin: 10px;
8707        padding: 10px 20px;
8708        cursor: pointer;
8709    }
8710    button#btnCancelar {
8711        background-color: transparent;
8712        color: black;
8713        border: none;
8714    }
8715</style>
8716
8717<li itemscope itemtype="http://schema.org/ItemList" mediaid="458093">
8718    <div class="mediaContainer media-style"
8719         onmousemove="Hover.checkHoverPosition(event, $(this))"
8720         onmouseout="Hover.mobileOut(event, $(this))"
8721         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8722        <div class="item_loader"></div>
8723        <div class="priceContainer">
8724        </div>
8725        <div class="mediaHover">
8726            <div class="hoverContainerInfo">
8727                <div>
8728                    <div class="hoverTitle">
8729                        <div class="hoverTextTitle">Fairyland: A Era das Tenta&#xE7;&#xF5;es - 1&#xAA; Temporada</div>
8730                            <div class="hoverInfoTitle">2023 (8 episódios)</div>
8731                    </div>
8732                </div>
8733                <div class="hoverContainerAge">
8734                    <div class="hoverAge movie-age movie-age-A16"></div>
8735                    <div class="hoverInfo">
8736                        <div class="movie-captionContainer">
8737                                <div class="movie-caption">Dublado</div>
8738                                <div class="movie-caption">Legendado</div>
8739                        </div>
8740                        <div class="hoverGenre">
8741                            Aventura, Drama, Romance
8742                        </div>
8743                    </div>
8744                </div>
8745            </div>
8746        </div>
8747        <div class="mediaCover">
8748           
8749            <div class="media-image">
8750                <div class="nameMedia" itemprop="name">Fairyland: A Era das Tenta&#xE7;&#xF5;es - 1&#xAA; Temporada</div>
8751                <video onclick="Hover.details('/detalhes/458093')" muted loop src=""></video>
8752                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8753
8754                            <img draggable="false" onclick="Hover.details('/detalhes/458093')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Fairyland: A Era das Tenta&#xE7;&#xF5;es - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0458093/0458093_335.jpg" loading="lazy" />
8755                            <img draggable="false" onclick="Hover.details('/detalhes/458093')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0458095/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Fairyland: A Era das Tenta&#xE7;&#xF5;es - 1&#xAA;
8755 Temporada" src="https://images-01.ottvs.com.br/0458093/looke_1010_670.jpg" loading="lazy" />
8756
8757                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0458095/0458095.mp4" />
8758                    <div class="mediaProgressBar" style="display: none">
8759                        <div class="baseBar"></div>
8760                        <div class="percentBar" style="width: 0%"></div>
8761                    </div>
8762                </div>
8763            <div class="mediaSynopsi">
8764    @ -299,21 +288,10 @ button#btnCancelar {
8765  
8766                <div class="buttons">
8767                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8768                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/458093&amp;t=Fairyland%3A%20A%20Era%20das%20Tenta%C3%A7%C3%B5es%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8769                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8770                    </div>
8771                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/458093&amp;text=Fairyland%3A%20A%20Era%20das%20Tenta%C3%A7%C3%B5es%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8772                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8773                    </div>
8774                </div>
8775                <div class="text">
8776                    <div><strong>Fairyland: A Era das Tenta&#xE7;&#xF5;es - 1&#xAA; Temporada</strong></div>
8777                    <div>Gabriel B&#xE1;thory &#xE9; um audacioso jovem que assume o trono da Transilv&#xE2;nia no s&#xE9;culo de XVII.</div>
8778                </div>
8779            </div>
8780        </div>
8781            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8782    </div>
8783</li>
8784
8785<script>
8786    var IdItemSelected;
8787
8788function onDeleteItem(idItem) {
8789    IdItemSelected = idItem;
8790    $('#modalConfirmacao').show();
8791}
8792    $(document).ready(function() {
8793        $('.close, #btnCancelar').unbind('click')
8794        $('.close, #btnCancelar').click(function() {
8795            $('#modalConfirmacao').hide();
8796        });
8797
8798        $('#btnConfirmar').unbind('click')
8799        $('#btnConfirmar').click(function() {
8800            Helpers.showLoading();
8801             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8802                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8803                $('#modalConfirmacao').hide();
8804            }).done(function (response) {
8805                if (JSON.parse(response).response.toLowerCase() == "true") {
8806                    location.reload();
8807                }
8808                else{
8809                    Helpers.hideLoading();
8810                }
8811            }).fail(function (erro) {
8812               console.log(erro.responseText)
8813            });
8814        });
8815    });
8816</script>
8816
8817
8818<style>
8819    .remove-icon {
8820        position: absolute;
8821        top: 10px;
8822        left: 10px;
8823        display: flex;
8824        align-items: center;
8825        opacity: 0;
8826        transition: opacity 0.3s ease;
8827    }
8828    .remove-icon img {
8829        width: 30px; 
8830        height: 30px;
8831        background-color: rgba(0, 0, 0, 0.7);
8832        border-radius: 5px;
8833    }
8834    .remove-icon span {
8835        font-size: 14px;
8836        color: #fff;
8837        background-color: rgba(0, 0, 0, 0.7);
8838        padding: 5px;
8839        border-radius: 3px;
8840        margin-left: 30px;
8841        display: none;
8842    }
8843    .media-image:hover .remove-icon {
8844        opacity: 1;
8845    }
8846    .remove-icon:hover span {
8847        display: inline-block; 
8848    }
8849    .modal {
8850        display: none; 
8851        position: fixed;
8852        z-index: 10000;
8853        left: 0;
8854        top: 0;
8855        width: 100%;
8856        height: 100%;
8857        background-color: rgba(0, 0, 0, 0.5);
8858    }
8859    .modal-content {
8860        background-color: white;
8861        margin: 15% auto;
8862        padding: 20px;
8863        border: 1px solid #888;
8864        width: 30%;
8865        text-align: center;
8866        position: relative;
8867        color: #444;
8868        z-index: 10;
8869    }
8870    .close {
8871        position: absolute;
8872        top: 10px;
8873        right: 15px;
8874        font-size: 20px;
8875        font-weight: bold;
8876        cursor: pointer;
8877    }
8878    button {
8879        margin: 10px;
8880        padding: 10px 20px;
8881        cursor: pointer;
8882    }
8883    button#btnCancelar {
8884        background-color: transparent;
8885        color: black;
8886        border: none;
8887    }
8888</style>
8889
8890<li itemscope itemtype="http://schema.org/ItemList" mediaid="458154">
8891    <div class="mediaContainer media-style"
8892         onmousemove="Hover.checkHoverPosition(event, $(this))"
8893         onmouseout="Hover.mobileOut(event, $(this))"
8894         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8895        <div class="item_loader"></div>
8896        <div class="priceContainer">
8897        </div>
8898        <div class="mediaHover">
8899            <div class="hoverContainerInfo">
8900                <div>
8901                    <div class="hoverTitle">
8902                        <div class="hoverTextTitle">A Miss&#xE3;o - 1&#xAA; Temporada</div>
8903                            <div class="hoverInfoTitle">2024 (6 episódios)</div>
8904                    </div>
8905                </div>
8906                <div class="hoverContainerAge">
8907                    <div class="hoverAge movie-age movie-age-A14"></div>
8908                    <div class="hoverInfo">
8909                        <div class="movie-captionContainer">
8910                                <div class="movie-caption">Dublado</div>
8911                                <div class="movie-caption">Legendado</div>
8912                        </div>
8913                        <div class="hoverGenre">
8914                            A&#xE7;&#xE3;o, Aventura, Drama
8915                        </div>
8916                    </div>
8917                </div>
8918            </div>
8919        </div>
8920        <div class="mediaCover">
8921           
8922            <div class="media-image">
8923                <div class="nameMedia" itemprop="name">A Miss&#xE3;o - 1&#xAA; Temporada</div>
8924                <video onclick="Hover.details('/detalhes/458154')" muted loop src=""></video>
8925                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8926
8927                            <img draggable="false" onclick="Hover.details('/detalhes/458154')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Miss&#xE3;o - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0458154/0458154_335.jpg" loading="lazy" />
8928                            <img draggable="false" onclick="Hover.details('/detalhes/458154')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0458157/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Miss&#xE3;o - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0458154/looke_1010_670.jpg" loading="lazy" />
8929
8930                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
8930om.br/0458157/0458157.mp4" />
8931                    <div class="mediaProgressBar" style="display: none">
8932                        <div class="baseBar"></div>
8933                        <div class="percentBar" style="width: 0%"></div>
8934                    </div>
8935                </div>
8936            <div class="mediaSynopsi">
8937    @ -299,21 +288,10 @ button#btnCancelar {
8938  
8939                <div class="buttons">
8940                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8941                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/458154&amp;t=A%20Miss%C3%A3o%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8942                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8943                    </div>
8944                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/458154&amp;text=A%20Miss%C3%A3o%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8945                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8946                    </div>
8947                </div>
8948                <div class="text">
8949                    <div><strong>A Miss&#xE3;o - 1&#xAA; Temporada</strong></div>
8950                    <div>Zsolt tem a chance de consertar erros do passado ao ficar encarregado de liderar uma nova miss&#xE3;o.</div>
8951                </div>
8952            </div>
8953        </div>
8954            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8955    </div>
8956</li>
8957
8958<script>
8959    var IdItemSelected;
8960
8961function onDeleteItem(idItem) {
8962    IdItemSelected = idItem;
8963    $('#modalConfirmacao').show();
8964}
8965    $(document).ready(function() {
8966        $('.close, #btnCancelar').unbind('click')
8967        $('.close, #btnCancelar').click(function() {
8968            $('#modalConfirmacao').hide();
8969        });
8970
8971        $('#btnConfirmar').unbind('click')
8972        $('#btnConfirmar').click(function() {
8973            Helpers.showLoading();
8974             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8975                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8976                $('#modalConfirmacao').hide();
8977            }).done(function (response) {
8978                if (JSON.parse(response).response.toLowerCase() == "true") {
8979                    location.reload();
8980                }
8981                else{
8982                    Helpers.hideLoading();
8983                }
8984            }).fail(function (erro) {
8985               console.log(erro.responseText)
8986            });
8987        });
8988    });
8989</script>
8989
8990
8991<style>
8992    .remove-icon {
8993        position: absolute;
8994        top: 10px;
8995        left: 10px;
8996        display: flex;
8997        align-items: center;
8998        opacity: 0;
8999        transition: opacity 0.3s ease;
9000    }
9001    .remove-icon img {
9002        width: 30px; 
9003        height: 30px;
9004        background-color: rgba(0, 0, 0, 0.7);
9005        border-radius: 5px;
9006    }
9007    .remove-icon span {
9008        font-size: 14px;
9009        color: #fff;
9010        background-color: rgba(0, 0, 0, 0.7);
9011        padding: 5px;
9012        border-radius: 3px;
9013        margin-left: 30px;
9014        display: none;
9015    }
9016    .media-image:hover .remove-icon {
9017        opacity: 1;
9018    }
9019    .remove-icon:hover span {
9020        display: inline-block; 
9021    }
9022    .modal {
9023        display: none; 
9024        position: fixed;
9025        z-index: 10000;
9026        left: 0;
9027        top: 0;
9028        width: 100%;
9029        height: 100%;
9030        background-color: rgba(0, 0, 0, 0.5);
9031    }
9032    .modal-content {
9033        background-color: white;
9034        margin: 15% auto;
9035        padding: 20px;
9036        border: 1px solid #888;
9037        width: 30%;
9038        text-align: center;
9039        position: relative;
9040        color: #444;
9041        z-index: 10;
9042    }
9043    .close {
9044        position: absolute;
9045        top: 10px;
9046        right: 15px;
9047        font-size: 20px;
9048        font-weight: bold;
9049        cursor: pointer;
9050    }
9051    button {
9052        margin: 10px;
9053        padding: 10px 20px;
9054        cursor: pointer;
9055    }
9056    button#btnCancelar {
9057        background-color: transparent;
9058        color: black;
9059        border: none;
9060    }
9061</style>
9062
9063<li itemscope itemtype="http://schema.org/ItemList" mediaid="445737">
9064    <div class="mediaContainer media-style"
9065         onmousemove="Hover.checkHoverPosition(event, $(this))"
9066         onmouseout="Hover.mobileOut(event, $(this))"
9067         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9068        <div class="item_loader"></div>
9069        <div class="priceContainer">
9070        </div>
9071        <div class="mediaHover">
9072            <div class="hoverContainerInfo">
9073                <div>
9074                    <div class="hoverTitle">
9075                        <div class="hoverTextTitle">Possu&#xED;dos - Condenados pelo Passado - 1&#xAA; Temporada</div>
9076                            <div class="hoverInfoTitle">2017 (10 episódios)</div>
9077                    </div>
9078                </div>
9079                <div class="hoverContainerAge">
9080                    <div class="hoverAge movie-age movie-age-A14"></div>
9081                    <div class="hoverInfo">
9082                        <div class="movie-captionContainer">
9083                                <div class="movie-caption">Dublado</div>
9084                                <div class="movie-caption">Legendado</div>
9085                        </div>
9086                        <div class="hoverGenre">
9087                            Terror, Drama, Suspense
9088                        </div>
9089                    </div>
9090                </div>
9091            </div>
9092        </div>
9093        <div class="mediaCover">
9094           
9095            <div class="media-image">
9096                <div class="nameMedia" itemprop="name">Possu&#xED;dos - Condenados pelo Passado - 1&#xAA; Temporada</div>
9097                <video onclick="Hover.details('/detalhes/445737')" muted loop src=""></video>
9098                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9099
9100                            <img draggable="false" onclick="Hover.details('/detalhes/445737')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Possu&#xED;dos - Condenados pelo Passado - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0445737/0445737_335.jpg" loading="lazy" />
9101                            <img draggable="false" onclick="Hover.details('/detalhes/445737')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0445738/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Possu&#xED;dos - Condenados pelo Passado - 1&#xAA;
9101 Temporada" src="https://images-01.ottvs.com.br/0445737/looke_1010_670.jpg" loading="lazy" />
9102
9103                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0445738/0445738.mp4" />
9104                    <div class="mediaProgressBar" style="display: none">
9105                        <div class="baseBar"></div>
9106                        <div class="percentBar" style="width: 0%"></div>
9107                    </div>
9108                </div>
9109            <div class="mediaSynopsi">
9110    @ -299,21 +288,10 @ button#btnCancelar {
9111  
9112                <div class="buttons">
9113                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9114                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/445737&amp;t=Possu%C3%ADdos%20-%20Condenados%20pelo%20Passado%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9115                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9116                    </div>
9117                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/445737&amp;text=Possu%C3%ADdos%20-%20Condenados%20pelo%20Passado%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9118                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9119                    </div>
9120                </div>
9121                <div class="text">
9122                    <div><strong>Possu&#xED;dos - Condenados pelo Passado - 1&#xAA; Temporada</strong></div>
9123                    <div>B&#xFC;sra conhece um professor. Ambos carregam cicatrizes do passado e partem numa viagem sem volta.</div>
9124                </div>
9125            </div>
9126        </div>
9127            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9128    </div>
9129</li>
9130
9131<script>
9132    var IdItemSelected;
9133
9134function onDeleteItem(idItem) {
9135    IdItemSelected = idItem;
9136    $('#modalConfirmacao').show();
9137}
9138    $(document).ready(function() {
9139        $('.close, #btnCancelar').unbind('click')
9140        $('.close, #btnCancelar').click(function() {
9141            $('#modalConfirmacao').hide();
9142        });
9143
9144        $('#btnConfirmar').unbind('click')
9145        $('#btnConfirmar').click(function() {
9146            Helpers.showLoading();
9147             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9148                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9149                $('#modalConfirmacao').hide();
9150            }).done(function (response) {
9151                if (JSON.parse(response).response.toLowerCase() == "true") {
9152                    location.reload();
9153                }
9154                else{
9155                    Helpers.hideLoading();
9156                }
9157            }).fail(function (erro) {
9158               console.log(erro.responseText)
9159            });
9160        });
9161    });
9162</script>
9162
9163
9164<style>
9165    .remove-icon {
9166        position: absolute;
9167        top: 10px;
9168        left: 10px;
9169        display: flex;
9170        align-items: center;
9171        opacity: 0;
9172        transition: opacity 0.3s ease;
9173    }
9174    .remove-icon img {
9175        width: 30px; 
9176        height: 30px;
9177        background-color: rgba(0, 0, 0, 0.7);
9178        border-radius: 5px;
9179    }
9180    .remove-icon span {
9181        font-size: 14px;
9182        color: #fff;
9183        background-color: rgba(0, 0, 0, 0.7);
9184        padding: 5px;
9185        border-radius: 3px;
9186        margin-left: 30px;
9187        display: none;
9188    }
9189    .media-image:hover .remove-icon {
9190        opacity: 1;
9191    }
9192    .remove-icon:hover span {
9193        display: inline-block; 
9194    }
9195    .modal {
9196        display: none; 
9197        position: fixed;
9198        z-index: 10000;
9199        left: 0;
9200        top: 0;
9201        width: 100%;
9202        height: 100%;
9203        background-color: rgba(0, 0, 0, 0.5);
9204    }
9205    .modal-content {
9206        background-color: white;
9207        margin: 15% auto;
9208        padding: 20px;
9209        border: 1px solid #888;
9210        width: 30%;
9211        text-align: center;
9212        position: relative;
9213        color: #444;
9214        z-index: 10;
9215    }
9216    .close {
9217        position: absolute;
9218        top: 10px;
9219        right: 15px;
9220        font-size: 20px;
9221        font-weight: bold;
9222        cursor: pointer;
9223    }
9224    button {
9225        margin: 10px;
9226        padding: 10px 20px;
9227        cursor: pointer;
9228    }
9229    button#btnCancelar {
9230        background-color: transparent;
9231        color: black;
9232        border: none;
9233    }
9234</style>
9235
9236<li itemscope itemtype="http://schema.org/ItemList" mediaid="352126">
9237    <div class="mediaContainer media-style"
9238         onmousemove="Hover.checkHoverPosition(event, $(this))"
9239         onmouseout="Hover.mobileOut(event, $(this))"
9240         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9241        <div class="item_loader"></div>
9242        <div class="priceContainer">
9243        </div>
9244        <div class="mediaHover">
9245            <div class="hoverContainerInfo">
9246                <div>
9247                    <div class="hoverTitle">
9248                        <div class="hoverTextTitle">Nerd of the Dead - 1&#xAA; Temporada</div>
9249                            <div class="hoverInfoTitle">2014 (4 episódios)</div>
9250                    </div>
9251                </div>
9252                <div class="hoverContainerAge">
9253                    <div class="hoverAge movie-age movie-age-A16"></div>
9254                    <div class="hoverInfo">
9255                        <div class="movie-captionContainer">
9256                                <div class="movie-caption">Nacional</div>
9257                        </div>
9258                        <div class="hoverGenre">
9259                            Com&#xE9;dia, Terror
9260                        </div>
9261                    </div>
9262                </div>
9263            </div>
9264        </div>
9265        <div class="mediaCover">
9266           
9267            <div class="media-image">
9268                <div class="nameMedia" itemprop="name">Nerd of the Dead - 1&#xAA; Temporada</div>
9269                <video onclick="Hover.details('/detalhes/352126')" muted loop src=""></video>
9270                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9271
9272                            <img draggable="false" onclick="Hover.details('/detalhes/352126')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Nerd of the Dead - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0352126/0352126_335.jpg" loading="lazy" />
9273                            <img draggable="false" onclick="Hover.details('/detalhes/352126')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0352130/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Nerd of the Dead - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0352126/looke_1010_670.jpg" loading="lazy" />
9274
9275                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9275om.br/0352130/0352130.mp4" />
9276                    <div class="mediaProgressBar" style="display: none">
9277                        <div class="baseBar"></div>
9278                        <div class="percentBar" style="width: 0%"></div>
9279                    </div>
9280                </div>
9281            <div class="mediaSynopsi">
9282    @ -299,21 +288,10 @ button#btnCancelar {
9283  
9284                <div class="buttons">
9285                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9286                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/352126&amp;t=Nerd%20of%20the%20Dead%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9287                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9288                    </div>
9289                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/352126&amp;text=Nerd%20of%20the%20Dead%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9290                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9291                    </div>
9292                </div>
9293                <div class="text">
9294                    <div><strong>Nerd of the Dead - 1&#xAA; Temporada</strong></div>
9295                    <div>Nerd of the Dead &#xE9; uma webs&#xE9;rie brasileira totalmente independente que mistura com&#xE9;dia e a&#xE7;&#xE3;o; zumbis e nerds.</div>
9296                </div>
9297            </div>
9298        </div>
9299            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9300    </div>
9301</li>
9302
9303<script>
9304    var IdItemSelected;
9305
9306function onDeleteItem(idItem) {
9307    IdItemSelected = idItem;
9308    $('#modalConfirmacao').show();
9309}
9310    $(document).ready(function() {
9311        $('.close, #btnCancelar').unbind('click')
9312        $('.close, #btnCancelar').click(function() {
9313            $('#modalConfirmacao').hide();
9314        });
9315
9316        $('#btnConfirmar').unbind('click')
9317        $('#btnConfirmar').click(function() {
9318            Helpers.showLoading();
9319             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9320                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9321                $('#modalConfirmacao').hide();
9322            }).done(function (response) {
9323                if (JSON.parse(response).response.toLowerCase() == "true") {
9324                    location.reload();
9325                }
9326                else{
9327                    Helpers.hideLoading();
9328                }
9329            }).fail(function (erro) {
9330               console.log(erro.responseText)
9331            });
9332        });
9333    });
9334</script>
9334
9335
9336<style>
9337    .remove-icon {
9338        position: absolute;
9339        top: 10px;
9340        left: 10px;
9341        display: flex;
9342        align-items: center;
9343        opacity: 0;
9344        transition: opacity 0.3s ease;
9345    }
9346    .remove-icon img {
9347        width: 30px; 
9348        height: 30px;
9349        background-color: rgba(0, 0, 0, 0.7);
9350        border-radius: 5px;
9351    }
9352    .remove-icon span {
9353        font-size: 14px;
9354        color: #fff;
9355        background-color: rgba(0, 0, 0, 0.7);
9356        padding: 5px;
9357        border-radius: 3px;
9358        margin-left: 30px;
9359        display: none;
9360    }
9361    .media-image:hover .remove-icon {
9362        opacity: 1;
9363    }
9364    .remove-icon:hover span {
9365        display: inline-block; 
9366    }
9367    .modal {
9368        display: none; 
9369        position: fixed;
9370        z-index: 10000;
9371        left: 0;
9372        top: 0;
9373        width: 100%;
9374        height: 100%;
9375        background-color: rgba(0, 0, 0, 0.5);
9376    }
9377    .modal-content {
9378        background-color: white;
9379        margin: 15% auto;
9380        padding: 20px;
9381        border: 1px solid #888;
9382        width: 30%;
9383        text-align: center;
9384        position: relative;
9385        color: #444;
9386        z-index: 10;
9387    }
9388    .close {
9389        position: absolute;
9390        top: 10px;
9391        right: 15px;
9392        font-size: 20px;
9393        font-weight: bold;
9394        cursor: pointer;
9395    }
9396    button {
9397        margin: 10px;
9398        padding: 10px 20px;
9399        cursor: pointer;
9400    }
9401    button#btnCancelar {
9402        background-color: transparent;
9403        color: black;
9404        border: none;
9405    }
9406</style>
9407
9408<li itemscope itemtype="http://schema.org/ItemList" mediaid="434890">
9409    <div class="mediaContainer media-style"
9410         onmousemove="Hover.checkHoverPosition(event, $(this))"
9411         onmouseout="Hover.mobileOut(event, $(this))"
9412         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9413        <div class="item_loader"></div>
9414        <div class="priceContainer">
9415        </div>
9416        <div class="mediaHover">
9417            <div class="hoverContainerInfo">
9418                <div>
9419                    <div class="hoverTitle">
9420                        <div class="hoverTextTitle">Abracadavers - 2&#xAA; Temporada</div>
9421                            <div class="hoverInfoTitle">2019 (7 episódios)</div>
9422                    </div>
9423                </div>
9424                <div class="hoverContainerAge">
9425                    <div class="hoverAge movie-age movie-age-A12"></div>
9426                    <div class="hoverInfo">
9427                        <div class="movie-captionContainer">
9428                                <div class="movie-caption">Dublado</div>
9429                                <div class="movie-caption">Legendado</div>
9430                        </div>
9431                        <div class="hoverGenre">
9432                            Aventura
9433                        </div>
9434                    </div>
9435                </div>
9436            </div>
9437        </div>
9438        <div class="mediaCover">
9439           
9440            <div class="media-image">
9441                <div class="nameMedia" itemprop="name">Abracadavers - 2&#xAA; Temporada</div>
9442                <video onclick="Hover.details('/detalhes/434890')" muted loop src=""></video>
9443                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9444
9445                            <img draggable="false" onclick="Hover.details('/detalhes/434890')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Abracadavers - 2&#xAA; Temporada" src="https://images-01.ottvs.com.br/0434890/0434890_335.jpg" loading="lazy" />
9446                            <img draggable="false" onclick="Hover.details('/detalhes/434890')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0434891/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Abracadavers - 2&#xAA; Temporada" src="https://images-01.ottvs.com.br/0434890/looke_1010_670.jpg" loading="lazy" />
9447
9448                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9448om.br/0434891/0434891.mp4" />
9449                    <div class="mediaProgressBar" style="display: none">
9450                        <div class="baseBar"></div>
9451                        <div class="percentBar" style="width: 0%"></div>
9452                    </div>
9453                </div>
9454            <div class="mediaSynopsi">
9455    @ -299,21 +288,10 @ button#btnCancelar {
9456  
9457                <div class="buttons">
9458                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9459                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/434890&amp;t=Abracadavers%20-%202%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9460                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9461                    </div>
9462                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/434890&amp;text=Abracadavers%20-%202%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9463                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9464                    </div>
9465                </div>
9466                <div class="text">
9467                    <div><strong>Abracadavers - 2&#xAA; Temporada</strong></div>
9468                    <div>Durante uma viagem, um grupo de amigos ganham superpoderes ap&#xF3;s descobrirem uma cadeira m&#xE1;gica.</div>
9469                </div>
9470            </div>
9471        </div>
9472            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9473    </div>
9474</li>
9475
9476<script>
9477    var IdItemSelected;
9478
9479function onDeleteItem(idItem) {
9480    IdItemSelected = idItem;
9481    $('#modalConfirmacao').show();
9482}
9483    $(document).ready(function() {
9484        $('.close, #btnCancelar').unbind('click')
9485        $('.close, #btnCancelar').click(function() {
9486            $('#modalConfirmacao').hide();
9487        });
9488
9489        $('#btnConfirmar').unbind('click')
9490        $('#btnConfirmar').click(function() {
9491            Helpers.showLoading();
9492             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9493                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9494                $('#modalConfirmacao').hide();
9495            }).done(function (response) {
9496                if (JSON.parse(response).response.toLowerCase() == "true") {
9497                    location.reload();
9498                }
9499                else{
9500                    Helpers.hideLoading();
9501                }
9502            }).fail(function (erro) {
9503               console.log(erro.responseText)
9504            });
9505        });
9506    });
9507</script>
9507
9508
9509<style>
9510    .remove-icon {
9511        position: absolute;
9512        top: 10px;
9513        left: 10px;
9514        display: flex;
9515        align-items: center;
9516        opacity: 0;
9517        transition: opacity 0.3s ease;
9518    }
9519    .remove-icon img {
9520        width: 30px; 
9521        height: 30px;
9522        background-color: rgba(0, 0, 0, 0.7);
9523        border-radius: 5px;
9524    }
9525    .remove-icon span {
9526        font-size: 14px;
9527        color: #fff;
9528        background-color: rgba(0, 0, 0, 0.7);
9529        padding: 5px;
9530        border-radius: 3px;
9531        margin-left: 30px;
9532        display: none;
9533    }
9534    .media-image:hover .remove-icon {
9535        opacity: 1;
9536    }
9537    .remove-icon:hover span {
9538        display: inline-block; 
9539    }
9540    .modal {
9541        display: none; 
9542        position: fixed;
9543        z-index: 10000;
9544        left: 0;
9545        top: 0;
9546        width: 100%;
9547        height: 100%;
9548        background-color: rgba(0, 0, 0, 0.5);
9549    }
9550    .modal-content {
9551        background-color: white;
9552        margin: 15% auto;
9553        padding: 20px;
9554        border: 1px solid #888;
9555        width: 30%;
9556        text-align: center;
9557        position: relative;
9558        color: #444;
9559        z-index: 10;
9560    }
9561    .close {
9562        position: absolute;
9563        top: 10px;
9564        right: 15px;
9565        font-size: 20px;
9566        font-weight: bold;
9567        cursor: pointer;
9568    }
9569    button {
9570        margin: 10px;
9571        padding: 10px 20px;
9572        cursor: pointer;
9573    }
9574    button#btnCancelar {
9575        background-color: transparent;
9576        color: black;
9577        border: none;
9578    }
9579</style>
9580
9581<li itemscope itemtype="http://schema.org/ItemList" mediaid="276963">
9582    <div class="mediaContainer media-style"
9583         onmousemove="Hover.checkHoverPosition(event, $(this))"
9584         onmouseout="Hover.mobileOut(event, $(this))"
9585         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9586        <div class="item_loader"></div>
9587        <div class="priceContainer">
9588        </div>
9589        <div class="mediaHover">
9590            <div class="hoverContainerInfo">
9591                <div>
9592                    <div class="hoverTitle">
9593                        <div class="hoverTextTitle">O Negociador - 1&#xAA; Temporada</div>
9594                            <div class="hoverInfoTitle">2022 (8 episódios)</div>
9595                    </div>
9596                </div>
9597                <div class="hoverContainerAge">
9598                    <div class="hoverAge movie-age movie-age-A14"></div>
9599                    <div class="hoverInfo">
9600                        <div class="movie-captionContainer">
9601                                <div class="movie-caption">Dublado</div>
9602                                <div class="movie-caption">Legendado</div>
9603                        </div>
9604                        <div class="hoverGenre">
9605                            Policial, Drama, Suspense
9606                        </div>
9607                    </div>
9608                </div>
9609            </div>
9610        </div>
9611        <div class="mediaCover">
9612           
9613            <div class="media-image">
9614                <div class="nameMedia" itemprop="name">O Negociador - 1&#xAA; Temporada</div>
9615                <video onclick="Hover.details('/detalhes/276963')" muted loop src=""></video>
9616                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9617
9618                            <img draggable="false" onclick="Hover.details('/detalhes/276963')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="O Negociador - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0276963/0276963_335.jpg" loading="lazy" />
9619                            <img draggable="false" onclick="Hover.details('/detalhes/276963')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0276968/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="O Negociador - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0276963/looke_1010_670.jpg" loading="lazy" />
9620
9621                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9621om.br/0276968/0276968.mp4" />
9622                    <div class="mediaProgressBar" style="display: none">
9623                        <div class="baseBar"></div>
9624                        <div class="percentBar" style="width: 0%"></div>
9625                    </div>
9626                </div>
9627            <div class="mediaSynopsi">
9628    @ -299,21 +288,10 @ button#btnCancelar {
9629  
9630                <div class="buttons">
9631                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9632                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/276963&amp;t=O%20Negociador%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9633                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9634                    </div>
9635                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/276963&amp;text=O%20Negociador%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9636                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9637                    </div>
9638                </div>
9639                <div class="text">
9640                    <div><strong>O Negociador - 1&#xAA; Temporada</strong></div>
9641                    <div>Kornan &#xE9; um ex-soldado que invade um hospital e faz os pacientes, funcion&#xE1;rios e o Ministro de Defesa de ref&#xE9;ns.</div>
9642                </div>
9643            </div>
9644        </div>
9645            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9646    </div>
9647</li>
9648
9649<script>
9650    var IdItemSelected;
9651
9652function onDeleteItem(idItem) {
9653    IdItemSelected = idItem;
9654    $('#modalConfirmacao').show();
9655}
9656    $(document).ready(function() {
9657        $('.close, #btnCancelar').unbind('click')
9658        $('.close, #btnCancelar').click(function() {
9659            $('#modalConfirmacao').hide();
9660        });
9661
9662        $('#btnConfirmar').unbind('click')
9663        $('#btnConfirmar').click(function() {
9664            Helpers.showLoading();
9665             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9666                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9667                $('#modalConfirmacao').hide();
9668            }).done(function (response) {
9669                if (JSON.parse(response).response.toLowerCase() == "true") {
9670                    location.reload();
9671                }
9672                else{
9673                    Helpers.hideLoading();
9674                }
9675            }).fail(function (erro) {
9676               console.log(erro.responseText)
9677            });
9678        });
9679    });
9680</script>
9680
9681
9682<style>
9683    .remove-icon {
9684        position: absolute;
9685        top: 10px;
9686        left: 10px;
9687        display: flex;
9688        align-items: center;
9689        opacity: 0;
9690        transition: opacity 0.3s ease;
9691    }
9692    .remove-icon img {
9693        width: 30px; 
9694        height: 30px;
9695        background-color: rgba(0, 0, 0, 0.7);
9696        border-radius: 5px;
9697    }
9698    .remove-icon span {
9699        font-size: 14px;
9700        color: #fff;
9701        background-color: rgba(0, 0, 0, 0.7);
9702        padding: 5px;
9703        border-radius: 3px;
9704        margin-left: 30px;
9705        display: none;
9706    }
9707    .media-image:hover .remove-icon {
9708        opacity: 1;
9709    }
9710    .remove-icon:hover span {
9711        display: inline-block; 
9712    }
9713    .modal {
9714        display: none; 
9715        position: fixed;
9716        z-index: 10000;
9717        left: 0;
9718        top: 0;
9719        width: 100%;
9720        height: 100%;
9721        background-color: rgba(0, 0, 0, 0.5);
9722    }
9723    .modal-content {
9724        background-color: white;
9725        margin: 15% auto;
9726        padding: 20px;
9727        border: 1px solid #888;
9728        width: 30%;
9729        text-align: center;
9730        position: relative;
9731        color: #444;
9732        z-index: 10;
9733    }
9734    .close {
9735        position: absolute;
9736        top: 10px;
9737        right: 15px;
9738        font-size: 20px;
9739        font-weight: bold;
9740        cursor: pointer;
9741    }
9742    button {
9743        margin: 10px;
9744        padding: 10px 20px;
9745        cursor: pointer;
9746    }
9747    button#btnCancelar {
9748        background-color: transparent;
9749        color: black;
9750        border: none;
9751    }
9752</style>
9753
9754<li itemscope itemtype="http://schema.org/ItemList" mediaid="458128">
9755    <div class="mediaContainer media-style"
9756         onmousemove="Hover.checkHoverPosition(event, $(this))"
9757         onmouseout="Hover.mobileOut(event, $(this))"
9758         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9759        <div class="item_loader"></div>
9760        <div class="priceContainer">
9761        </div>
9762        <div class="mediaHover">
9763            <div class="hoverContainerInfo">
9764                <div>
9765                    <div class="hoverTitle">
9766                        <div class="hoverTextTitle">Evilside - 1&#xAA; Temporada</div>
9767                            <div class="hoverInfoTitle">2023 (6 episódios)</div>
9768                    </div>
9769                </div>
9770                <div class="hoverContainerAge">
9771                    <div class="hoverAge movie-age movie-age-A16"></div>
9772                    <div class="hoverInfo">
9773                        <div class="movie-captionContainer">
9774                                <div class="movie-caption">Dublado</div>
9775                                <div class="movie-caption">Legendado</div>
9776                        </div>
9777                        <div class="hoverGenre">
9778                            Policial, A&#xE7;&#xE3;o, Drama
9779                        </div>
9780                    </div>
9781                </div>
9782            </div>
9783        </div>
9784        <div class="mediaCover">
9785           
9786            <div class="media-image">
9787                <div class="nameMedia" itemprop="name">Evilside - 1&#xAA; Temporada</div>
9788                <video onclick="Hover.details('/detalhes/458128')" muted loop src=""></video>
9789                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9790
9791                            <img draggable="false" onclick="Hover.details('/detalhes/458128')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Evilside - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0458128/0458128_335.jpg" loading="lazy" />
9792                            <img draggable="false" onclick="Hover.details('/detalhes/458128')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0458131/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Evilside - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0458128/looke_1010_670.jpg" loading="lazy" />
9793
9794                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9794om.br/0458131/0458131.mp4" />
9795                    <div class="mediaProgressBar" style="display: none">
9796                        <div class="baseBar"></div>
9797                        <div class="percentBar" style="width: 0%"></div>
9798                    </div>
9799                </div>
9800            <div class="mediaSynopsi">
9801    @ -299,21 +288,10 @ button#btnCancelar {
9802  
9803                <div class="buttons">
9804                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9805                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/458128&amp;t=Evilside%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9806                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9807                    </div>
9808                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/458128&amp;text=Evilside%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9809                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9810                    </div>
9811                </div>
9812                <div class="text">
9813                    <div><strong>Evilside - 1&#xAA; Temporada</strong></div>
9814                    <div>Ap&#xF3;s o &#xFA;nico amigo de Johanna ser encontrado morto, ela se torna a principal suspeita.</div>
9815                </div>
9816            </div>
9817        </div>
9818            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9819    </div>
9820</li>
9821
9822<script>
9823    var IdItemSelected;
9824
9825function onDeleteItem(idItem) {
9826    IdItemSelected = idItem;
9827    $('#modalConfirmacao').show();
9828}
9829    $(document).ready(function() {
9830        $('.close, #btnCancelar').unbind('click')
9831        $('.close, #btnCancelar').click(function() {
9832            $('#modalConfirmacao').hide();
9833        });
9834
9835        $('#btnConfirmar').unbind('click')
9836        $('#btnConfirmar').click(function() {
9837            Helpers.showLoading();
9838             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9839                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9840                $('#modalConfirmacao').hide();
9841            }).done(function (response) {
9842                if (JSON.parse(response).response.toLowerCase() == "true") {
9843                    location.reload();
9844                }
9845                else{
9846                    Helpers.hideLoading();
9847                }
9848            }).fail(function (erro) {
9849               console.log(erro.responseText)
9850            });
9851        });
9852    });
9853</script>
9853
9854
9855<style>
9856    .remove-icon {
9857        position: absolute;
9858        top: 10px;
9859        left: 10px;
9860        display: flex;
9861        align-items: center;
9862        opacity: 0;
9863        transition: opacity 0.3s ease;
9864    }
9865    .remove-icon img {
9866        width: 30px; 
9867        height: 30px;
9868        background-color: rgba(0, 0, 0, 0.7);
9869        border-radius: 5px;
9870    }
9871    .remove-icon span {
9872        font-size: 14px;
9873        color: #fff;
9874        background-color: rgba(0, 0, 0, 0.7);
9875        padding: 5px;
9876        border-radius: 3px;
9877        margin-left: 30px;
9878        display: none;
9879    }
9880    .media-image:hover .remove-icon {
9881        opacity: 1;
9882    }
9883    .remove-icon:hover span {
9884        display: inline-block; 
9885    }
9886    .modal {
9887        display: none; 
9888        position: fixed;
9889        z-index: 10000;
9890        left: 0;
9891        top: 0;
9892        width: 100%;
9893        height: 100%;
9894        background-color: rgba(0, 0, 0, 0.5);
9895    }
9896    .modal-content {
9897        background-color: white;
9898        margin: 15% auto;
9899        padding: 20px;
9900        border: 1px solid #888;
9901        width: 30%;
9902        text-align: center;
9903        position: relative;
9904        color: #444;
9905        z-index: 10;
9906    }
9907    .close {
9908        position: absolute;
9909        top: 10px;
9910        right: 15px;
9911        font-size: 20px;
9912        font-weight: bold;
9913        cursor: pointer;
9914    }
9915    button {
9916        margin: 10px;
9917        padding: 10px 20px;
9918        cursor: pointer;
9919    }
9920    button#btnCancelar {
9921        background-color: transparent;
9922        color: black;
9923        border: none;
9924    }
9925</style>
9926
9927<li itemscope itemtype="http://schema.org/ItemList" mediaid="280778">
9928    <div class="mediaContainer media-style"
9929         onmousemove="Hover.checkHoverPosition(event, $(this))"
9930         onmouseout="Hover.mobileOut(event, $(this))"
9931         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9932        <div class="item_loader"></div>
9933        <div class="priceContainer">
9934        </div>
9935        <div class="mediaHover">
9936            <div class="hoverContainerInfo">
9937                <div>
9938                    <div class="hoverTitle">
9939                        <div class="hoverTextTitle">V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada</div>
9940                            <div class="hoverInfoTitle">2014 (6 episódios)</div>
9941                    </div>
9942                </div>
9943                <div class="hoverContainerAge">
9944                    <div class="hoverAge movie-age movie-age-A16"></div>
9945                    <div class="hoverInfo">
9946                        <div class="movie-captionContainer">
9947                                <div class="movie-caption">Legendado</div>
9948                        </div>
9949                        <div class="hoverGenre">
9950                            Suspense
9951                        </div>
9952                    </div>
9953                </div>
9954            </div>
9955        </div>
9956        <div class="mediaCover">
9957           
9958            <div class="media-image">
9959                <div class="nameMedia" itemprop="name">V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada</div>
9960                <video onclick="Hover.details('/detalhes/280778')" muted loop src=""></video>
9961                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9962
9963                            <img draggable="false" onclick="Hover.details('/detalhes/280778')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0280778/0280778_335.jpg" loading="lazy" />
9964                            <img draggable="false" onclick="Hover.details('/detalhes/280778')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0280779/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0280778/looke_1010_670.jpg" loading="lazy" />
9965
9966                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9966om.br/0280779/0280779.mp4" />
9967                    <div class="mediaProgressBar" style="display: none">
9968                        <div class="baseBar"></div>
9969                        <div class="percentBar" style="width: 0%"></div>
9970                    </div>
9971                </div>
9972            <div class="mediaSynopsi">
9973    @ -299,21 +288,10 @ button#btnCancelar {
9974  
9975                <div class="buttons">
9976                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9977                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/280778&amp;t=V%C3%ADctor%20Ros%20-%20O%20Jovem%20Detetive%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9978                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9979                    </div>
9980                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/280778&amp;text=V%C3%ADctor%20Ros%20-%20O%20Jovem%20Detetive%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9981                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9982                    </div>
9983                </div>
9984                <div class="text">
9985                    <div><strong>V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada</strong></div>
9986                    <div>No s&#xE9;culo XIX, em Madri, V&#xED;ctor Ros &#xE9; um jovem delinquente que &#xE9; resgatado das ruas por Don Armando, um policial que se torna o seu mentor e o transforma em um dos melhores detetives da cidade.</div>
9987                </div>
9988            </div>
9989        </div>
9990            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9991    </div>
9992</li>
9993
9994<script>
9995    var IdItemSelected;
9996
9997function onDeleteItem(idItem) {
9998    IdItemSelected = idItem;
9999    $('#modalConfirmacao').show();
10000}
10001    $(document).ready(function() {
10002        $('.close, #btnCancelar').unbind('click')
10003        $('.close, #btnCancelar').click(function() {
10004            $('#modalConfirmacao').hide();
10005        });
10006
10007        $('#btnConfirmar').unbind('click')
10008        $('#btnConfirmar').click(function() {
10009            Helpers.showLoading();
10010             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10011                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10012                $('#modalConfirmacao').hide();
10013            }).done(function (response) {
10014                if (JSON.parse(response).response.toLowerCase() == "true") {
10015                    location.reload();
10016                }
10017                else{
10018                    Helpers.hideLoading();
10019                }
10020            }).fail(function (erro) {
10021               console.log(erro.responseText)
10022            });
10023        });
10024    });
10025</script>
10025
10026
10027<style>
10028    .remove-icon {
10029        position: absolute;
10030        top: 10px;
10031        left: 10px;
10032        display: flex;
10033        align-items: center;
10034        opacity: 0;
10035        transition: opacity 0.3s ease;
10036    }
10037    .remove-icon img {
10038        width: 30px; 
10039        height: 30px;
10040        background-color: rgba(0, 0, 0, 0.7);
10041        border-radius: 5px;
10042    }
10043    .remove-icon span {
10044        font-size: 14px;
10045        color: #fff;
10046        background-color: rgba(0, 0, 0, 0.7);
10047        padding: 5px;
10048        border-radius: 3px;
10049        margin-left: 30px;
10050        display: none;
10051    }
10052    .media-image:hover .remove-icon {
10053        opacity: 1;
10054    }
10055    .remove-icon:hover span {
10056        display: inline-block; 
10057    }
10058    .modal {
10059        display: none; 
10060        position: fixed;
10061        z-index: 10000;
10062        left: 0;
10063        top: 0;
10064        width: 100%;
10065        height: 100%;
10066        background-color: rgba(0, 0, 0, 0.5);
10067    }
10068    .modal-content {
10069        background-color: white;
10070        margin: 15% auto;
10071        padding: 20px;
10072        border: 1px solid #888;
10073        width: 30%;
10074        text-align: center;
10075        position: relative;
10076        color: #444;
10077        z-index: 10;
10078    }
10079    .close {
10080        position: absolute;
10081        top: 10px;
10082        right: 15px;
10083        font-size: 20px;
10084        font-weight: bold;
10085        cursor: pointer;
10086    }
10087    button {
10088        margin: 10px;
10089        padding: 10px 20px;
10090        cursor: pointer;
10091    }
10092    button#btnCancelar {
10093        background-color: transparent;
10094        color: black;
10095        border: none;
10096    }
10097</style>
10098
10099<li itemscope itemtype="http://schema.org/ItemList" mediaid="480487">
10100    <div class="mediaContainer media-style"
10101         onmousemove="Hover.checkHoverPosition(event, $(this))"
10102         onmouseout="Hover.mobileOut(event, $(this))"
10103         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10104        <div class="item_loader"></div>
10105        <div class="priceContainer">
10106        </div>
10107        <div class="mediaHover">
10108            <div class="hoverContainerInfo">
10109                <div>
10110                    <div class="hoverTitle">
10111                        <div class="hoverTextTitle">Homens e Deuses - 1&#xAA; Temporada</div>
10112                            <div class="hoverInfoTitle">2020 (13 episódios)</div>
10113                    </div>
10114                </div>
10115                <div class="hoverContainerAge">
10116                    <div class="hoverAge movie-age movie-age-A14"></div>
10117                    <div class="hoverInfo">
10118                        <div class="movie-captionContainer">
10119                                <div class="movie-caption">Dublado</div>
10120                                <div class="movie-caption">Legendado</div>
10121                        </div>
10122                        <div class="hoverGenre">
10123                            Hist&#xF3;ria, Drama, Guerra
10124                        </div>
10125                    </div>
10126                </div>
10127            </div>
10128        </div>
10129        <div class="mediaCover">
10130           
10131            <div class="media-image">
10132                <div class="nameMedia" itemprop="name">Homens e Deuses - 1&#xAA; Temporada</div>
10133                <video onclick="Hover.details('/detalhes/480487')" muted loop src=""></video>
10134                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10135
10136                            <img draggable="false" onclick="Hover.details('/detalhes/480487')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Homens e Deuses - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0480487/0480487_335.jpg" loading="lazy" />
10137                            <img draggable="false" onclick="Hover.details('/detalhes/480487')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0480488/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Homens e Deuses - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0480487/looke_1010_670.jpg" loading="lazy" />
10138
10139                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10139om.br/0480488/0480488.mp4" />
10140                    <div class="mediaProgressBar" style="display: none">
10141                        <div class="baseBar"></div>
10142                        <div class="percentBar" style="width: 0%"></div>
10143                    </div>
10144                </div>
10145            <div class="mediaSynopsi">
10146    @ -299,21 +288,10 @ button#btnCancelar {
10147  
10148                <div class="buttons">
10149                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10150                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/480487&amp;t=Homens%20e%20Deuses%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10151                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10152                    </div>
10153                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/480487&amp;text=Homens%20e%20Deuses%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10154                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10155                    </div>
10156                </div>
10157                <div class="text">
10158                    <div><strong>Homens e Deuses - 1&#xAA; Temporada</strong></div>
10159                    <div>Durante a Segunda Guerra, dois amigos executam pessoas condenadas em tribunais clandestinos.</div>
10160                </div>
10161            </div>
10162        </div>
10163            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10164    </div>
10165</li>
10166
10167<script>
10168    var IdItemSelected;
10169
10170function onDeleteItem(idItem) {
10171    IdItemSelected = idItem;
10172    $('#modalConfirmacao').show();
10173}
10174    $(document).ready(function() {
10175        $('.close, #btnCancelar').unbind('click')
10176        $('.close, #btnCancelar').click(function() {
10177            $('#modalConfirmacao').hide();
10178        });
10179
10180        $('#btnConfirmar').unbind('click')
10181        $('#btnConfirmar').click(function() {
10182            Helpers.showLoading();
10183             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10184                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10185                $('#modalConfirmacao').hide();
10186            }).done(function (response) {
10187                if (JSON.parse(response).response.toLowerCase() == "true") {
10188                    location.reload();
10189                }
10190                else{
10191                    Helpers.hideLoading();
10192                }
10193            }).fail(function (erro) {
10194               console.log(erro.responseText)
10195            });
10196        });
10197    });
10198</script>
10198
10199
10200<style>
10201    .remove-icon {
10202        position: absolute;
10203        top: 10px;
10204        left: 10px;
10205        display: flex;
10206        align-items: center;
10207        opacity: 0;
10208        transition: opacity 0.3s ease;
10209    }
10210    .remove-icon img {
10211        width: 30px; 
10212        height: 30px;
10213        background-color: rgba(0, 0, 0, 0.7);
10214        border-radius: 5px;
10215    }
10216    .remove-icon span {
10217        font-size: 14px;
10218        color: #fff;
10219        background-color: rgba(0, 0, 0, 0.7);
10220        padding: 5px;
10221        border-radius: 3px;
10222        margin-left: 30px;
10223        display: none;
10224    }
10225    .media-image:hover .remove-icon {
10226        opacity: 1;
10227    }
10228    .remove-icon:hover span {
10229        display: inline-block; 
10230    }
10231    .modal {
10232        display: none; 
10233        position: fixed;
10234        z-index: 10000;
10235        left: 0;
10236        top: 0;
10237        width: 100%;
10238        height: 100%;
10239        background-color: rgba(0, 0, 0, 0.5);
10240    }
10241    .modal-content {
10242        background-color: white;
10243        margin: 15% auto;
10244        padding: 20px;
10245        border: 1px solid #888;
10246        width: 30%;
10247        text-align: center;
10248        position: relative;
10249        color: #444;
10250        z-index: 10;
10251    }
10252    .close {
10253        position: absolute;
10254        top: 10px;
10255        right: 15px;
10256        font-size: 20px;
10257        font-weight: bold;
10258        cursor: pointer;
10259    }
10260    button {
10261        margin: 10px;
10262        padding: 10px 20px;
10263        cursor: pointer;
10264    }
10265    button#btnCancelar {
10266        background-color: transparent;
10267        color: black;
10268        border: none;
10269    }
10270</style>
10271
10272<li itemscope itemtype="http://schema.org/ItemList" mediaid="212808">
10273    <div class="mediaContainer media-style"
10274         onmousemove="Hover.checkHoverPosition(event, $(this))"
10275         onmouseout="Hover.mobileOut(event, $(this))"
10276         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10277        <div class="item_loader"></div>
10278        <div class="priceContainer">
10279        </div>
10280        <div class="mediaHover">
10281            <div class="hoverContainerInfo">
10282                <div>
10283                    <div class="hoverTitle">
10284                        <div class="hoverTextTitle">A Lenda de Lady Ferrari</div>
10285                            <div class="hoverInfoTitle">2020 (12 episódios)</div>
10286                    </div>
10287                </div>
10288                <div class="hoverContainerAge">
10289                    <div class="hoverAge movie-age movie-age-A16"></div>
10290                    <div class="hoverInfo">
10291                        <div class="movie-captionContainer">
10292                                <div class="movie-caption">Dublado</div>
10293                                <div class="movie-caption">Legendado</div>
10294                        </div>
10295                        <div class="hoverGenre">
10296                            A&#xE7;&#xE3;o, Drama, Guerra, Romance
10297                        </div>
10298                    </div>
10299                </div>
10300            </div>
10301        </div>
10302        <div class="mediaCover">
10303           
10304            <div class="media-image">
10305                <div class="nameMedia" itemprop="name">A Lenda de Lady Ferrari</div>
10306                <video onclick="Hover.details('/detalhes/212808')" muted loop src=""></video>
10307                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10308
10309                            <img draggable="false" onclick="Hover.details('/detalhes/212808')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Lenda de Lady Ferrari" src="https://images-01.ottvs.com.br/0212808/0212808_335.jpg" loading="lazy" />
10310                            <img draggable="false" onclick="Hover.details('/detalhes/212808')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0212903/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Lenda de Lady Ferrari" src="https://images-01.ottvs.com.br/0212808/looke_1010_670.jpg" loading="lazy" />
10311
10312                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10312om.br/0212903/0212903.mp4" />
10313                    <div class="mediaProgressBar" style="display: none">
10314                        <div class="baseBar"></div>
10315                        <div class="percentBar" style="width: 0%"></div>
10316                    </div>
10317                </div>
10318            <div class="mediaSynopsi">
10319    @ -299,21 +288,10 @ button#btnCancelar {
10320  
10321                <div class="buttons">
10322                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10323                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/212808&amp;t=A%20Lenda%20de%20Lady%20Ferrari");' class="buttom" data-type="facebook">
10324                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10325                    </div>
10326                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/212808&amp;text=A%20Lenda%20de%20Lady%20Ferrari");' class="buttom" data-type="twitter">
10327                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10328                    </div>
10329                </div>
10330                <div class="text">
10331                    <div><strong>A Lenda de Lady Ferrari</strong></div>
10332                    <div>Baseada em uma hist&#xF3;ria real. Em 1920, na regi&#xE3;o da Crimeia, durante o auge da guerra civil russa, o destino coloca frente a frente dois agentes de intelig&#xEA;ncia internacional: o jornalista alem&#xE3;o Max Ermler e a poeta italiana Elle Ferrari.</div>
10333                </div>
10334            </div>
10335        </div>
10336            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10337    </div>
10338</li>
10339
10340<script>
10341    var IdItemSelected;
10342
10343function onDeleteItem(idItem) {
10344    IdItemSelected = idItem;
10345    $('#modalConfirmacao').show();
10346}
10347    $(document).ready(function() {
10348        $('.close, #btnCancelar').unbind('click')
10349        $('.close, #btnCancelar').click(function() {
10350            $('#modalConfirmacao').hide();
10351        });
10352
10353        $('#btnConfirmar').unbind('click')
10354        $('#btnConfirmar').click(function() {
10355            Helpers.showLoading();
10356             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10357                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10358                $('#modalConfirmacao').hide();
10359            }).done(function (response) {
10360                if (JSON.parse(response).response.toLowerCase() == "true") {
10361                    location.reload();
10362                }
10363                else{
10364                    Helpers.hideLoading();
10365                }
10366            }).fail(function (erro) {
10367               console.log(erro.responseText)
10368            });
10369        });
10370    });
10371</script>
10371
10372
10373<style>
10374    .remove-icon {
10375        position: absolute;
10376        top: 10px;
10377        left: 10px;
10378        display: flex;
10379        align-items: center;
10380        opacity: 0;
10381        transition: opacity 0.3s ease;
10382    }
10383    .remove-icon img {
10384        width: 30px; 
10385        height: 30px;
10386        background-color: rgba(0, 0, 0, 0.7);
10387        border-radius: 5px;
10388    }
10389    .remove-icon span {
10390        font-size: 14px;
10391        color: #fff;
10392        background-color: rgba(0, 0, 0, 0.7);
10393        padding: 5px;
10394        border-radius: 3px;
10395        margin-left: 30px;
10396        display: none;
10397    }
10398    .media-image:hover .remove-icon {
10399        opacity: 1;
10400    }
10401    .remove-icon:hover span {
10402        display: inline-block; 
10403    }
10404    .modal {
10405        display: none; 
10406        position: fixed;
10407        z-index: 10000;
10408        left: 0;
10409        top: 0;
10410        width: 100%;
10411        height: 100%;
10412        background-color: rgba(0, 0, 0, 0.5);
10413    }
10414    .modal-content {
10415        background-color: white;
10416        margin: 15% auto;
10417        padding: 20px;
10418        border: 1px solid #888;
10419        width: 30%;
10420        text-align: center;
10421        position: relative;
10422        color: #444;
10423        z-index: 10;
10424    }
10425    .close {
10426        position: absolute;
10427        top: 10px;
10428        right: 15px;
10429        font-size: 20px;
10430        font-weight: bold;
10431        cursor: pointer;
10432    }
10433    button {
10434        margin: 10px;
10435        padding: 10px 20px;
10436        cursor: pointer;
10437    }
10438    button#btnCancelar {
10439        background-color: transparent;
10440        color: black;
10441        border: none;
10442    }
10443</style>
10444
10445<li itemscope itemtype="http://schema.org/ItemList" mediaid="424209">
10446    <div class="mediaContainer media-style"
10447         onmousemove="Hover.checkHoverPosition(event, $(this))"
10448         onmouseout="Hover.mobileOut(event, $(this))"
10449         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10450        <div class="item_loader"></div>
10451        <div class="priceContainer">
10452        </div>
10453        <div class="mediaHover">
10454            <div class="hoverContainerInfo">
10455                <div>
10456                    <div class="hoverTitle">
10457                        <div class="hoverTextTitle">Abracadavers - 1&#xAA; Temporada</div>
10458                            <div class="hoverInfoTitle">2019 (4 episódios)</div>
10459                    </div>
10460                </div>
10461                <div class="hoverContainerAge">
10462                    <div class="hoverAge movie-age movie-age-A12"></div>
10463                    <div class="hoverInfo">
10464                        <div class="movie-captionContainer">
10465                                <div class="movie-caption">Dublado</div>
10466                                <div class="movie-caption">Legendado</div>
10467                        </div>
10468                        <div class="hoverGenre">
10469                            Aventura, Com&#xE9;dia, Fic&#xE7;&#xE3;o Cient&#xED;fica
10470                        </div>
10471                    </div>
10472                </div>
10473            </div>
10474        </div>
10475        <div class="mediaCover">
10476           
10477            <div class="media-image">
10478                <div class="nameMedia" itemprop="name">Abracadavers - 1&#xAA; Temporada</div>
10479                <video onclick="Hover.details('/detalhes/424209')" muted loop src=""></video>
10480                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10481
10482                            <img draggable="false" onclick="Hover.details('/detalhes/424209')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Abracadavers - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0424209/0424209_335.jpg" loading="lazy" />
10483                            <img draggable="false" onclick="Hover.details('/detalhes/424209')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0434876/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Abracadavers - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0424209/looke_1010_670.jpg" loading="lazy" />
10484
10485                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10485om.br/0434876/0434876.mp4" />
10486                    <div class="mediaProgressBar" style="display: none">
10487                        <div class="baseBar"></div>
10488                        <div class="percentBar" style="width: 0%"></div>
10489                    </div>
10490                </div>
10491            <div class="mediaSynopsi">
10492    @ -299,21 +288,10 @ button#btnCancelar {
10493  
10494                <div class="buttons">
10495                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10496                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424209&amp;t=Abracadavers%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10497                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10498                    </div>
10499                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424209&amp;text=Abracadavers%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10500                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10501                    </div>
10502                </div>
10503                <div class="text">
10504                    <div><strong>Abracadavers - 1&#xAA; Temporada</strong></div>
10505                    <div>Durante uma viagem, um grupo de amigos ganham superpoderes ap&#xF3;s descobrirem uma cadeira m&#xE1;gica.</div>
10506                </div>
10507            </div>
10508        </div>
10509            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10510    </div>
10511</li>
10512
10513<script>
10514    var IdItemSelected;
10515
10516function onDeleteItem(idItem) {
10517    IdItemSelected = idItem;
10518    $('#modalConfirmacao').show();
10519}
10520    $(document).ready(function() {
10521        $('.close, #btnCancelar').unbind('click')
10522        $('.close, #btnCancelar').click(function() {
10523            $('#modalConfirmacao').hide();
10524        });
10525
10526        $('#btnConfirmar').unbind('click')
10527        $('#btnConfirmar').click(function() {
10528            Helpers.showLoading();
10529             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10530                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10531                $('#modalConfirmacao').hide();
10532            }).done(function (response) {
10533                if (JSON.parse(response).response.toLowerCase() == "true") {
10534                    location.reload();
10535                }
10536                else{
10537                    Helpers.hideLoading();
10538                }
10539            }).fail(function (erro) {
10540               console.log(erro.responseText)
10541            });
10542        });
10543    });
10544</script>
10544
10545
10546<style>
10547    .remove-icon {
10548        position: absolute;
10549        top: 10px;
10550        left: 10px;
10551        display: flex;
10552        align-items: center;
10553        opacity: 0;
10554        transition: opacity 0.3s ease;
10555    }
10556    .remove-icon img {
10557        width: 30px; 
10558        height: 30px;
10559        background-color: rgba(0, 0, 0, 0.7);
10560        border-radius: 5px;
10561    }
10562    .remove-icon span {
10563        font-size: 14px;
10564        color: #fff;
10565        background-color: rgba(0, 0, 0, 0.7);
10566        padding: 5px;
10567        border-radius: 3px;
10568        margin-left: 30px;
10569        display: none;
10570    }
10571    .media-image:hover .remove-icon {
10572        opacity: 1;
10573    }
10574    .remove-icon:hover span {
10575        display: inline-block; 
10576    }
10577    .modal {
10578        display: none; 
10579        position: fixed;
10580        z-index: 10000;
10581        left: 0;
10582        top: 0;
10583        width: 100%;
10584        height: 100%;
10585        background-color: rgba(0, 0, 0, 0.5);
10586    }
10587    .modal-content {
10588        background-color: white;
10589        margin: 15% auto;
10590        padding: 20px;
10591        border: 1px solid #888;
10592        width: 30%;
10593        text-align: center;
10594        position: relative;
10595        color: #444;
10596        z-index: 10;
10597    }
10598    .close {
10599        position: absolute;
10600        top: 10px;
10601        right: 15px;
10602        font-size: 20px;
10603        font-weight: bold;
10604        cursor: pointer;
10605    }
10606    button {
10607        margin: 10px;
10608        padding: 10px 20px;
10609        cursor: pointer;
10610    }
10611    button#btnCancelar {
10612        background-color: transparent;
10613        color: black;
10614        border: none;
10615    }
10616</style>
10617
10618<li itemscope itemtype="http://schema.org/ItemList" mediaid="276901">
10619    <div class="mediaContainer media-style"
10620         onmousemove="Hover.checkHoverPosition(event, $(this))"
10621         onmouseout="Hover.mobileOut(event, $(this))"
10622         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10623        <div class="item_loader"></div>
10624        <div class="priceContainer">
10625        </div>
10626        <div class="mediaHover">
10627            <div class="hoverContainerInfo">
10628                <div>
10629                    <div class="hoverTitle">
10630                        <div class="hoverTextTitle">A Troca - 1&#xAA; Temporada</div>
10631                            <div class="hoverInfoTitle">2021 (13 episódios)</div>
10632                    </div>
10633                </div>
10634                <div class="hoverContainerAge">
10635                    <div class="hoverAge movie-age movie-age-A0"></div>
10636                    <div class="hoverInfo">
10637                        <div class="movie-captionContainer">
10638                                <div class="movie-caption">Dublado</div>
10639                                <div class="movie-caption">Legendado</div>
10640                        </div>
10641                        <div class="hoverGenre">
10642                            Com&#xE9;dia, Drama
10643                        </div>
10644                    </div>
10645                </div>
10646            </div>
10647        </div>
10648        <div class="mediaCover">
10649           
10650            <div class="media-image">
10651                <div class="nameMedia" itemprop="name">A Troca - 1&#xAA; Temporada</div>
10652                <video onclick="Hover.details('/detalhes/276901')" muted loop src=""></video>
10653                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10654
10655                            <img draggable="false" onclick="Hover.details('/detalhes/276901')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Troca - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0276901/0276901_335.jpg" loading="lazy" />
10656                            <img draggable="false" onclick="Hover.details('/detalhes/276901')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0276902/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Troca - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0276901/looke_1010_670.jpg" loading="lazy" />
10657
10658                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10658om.br/0276902/0276902.mp4" />
10659                    <div class="mediaProgressBar" style="display: none">
10660                        <div class="baseBar"></div>
10661                        <div class="percentBar" style="width: 0%"></div>
10662                    </div>
10663                </div>
10664            <div class="mediaSynopsi">
10665    @ -299,21 +288,10 @ button#btnCancelar {
10666  
10667                <div class="buttons">
10668                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10669                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/276901&amp;t=A%20Troca%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10670                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10671                    </div>
10672                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/276901&amp;text=A%20Troca%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10673                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10674                    </div>
10675                </div>
10676                <div class="text">
10677                    <div><strong>A Troca - 1&#xAA; Temporada</strong></div>
10678                    <div>Drama familiar repleto de surpresas sobre a hist&#xF3;ria de duas fam&#xED;lias que tem suas vidas mudadas para sempre ao descobrirem que os seus filhos de 6 anos de idade foram trocados no nascimento.</div>
10679                </div>
10680            </div>
10681        </div>
10682            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10683    </div>
10684</li>
10685
10686<script>
10687    var IdItemSelected;
10688
10689function onDeleteItem(idItem) {
10690    IdItemSelected = idItem;
10691    $('#modalConfirmacao').show();
10692}
10693    $(document).ready(function() {
10694        $('.close, #btnCancelar').unbind('click')
10695        $('.close, #btnCancelar').click(function() {
10696            $('#modalConfirmacao').hide();
10697        });
10698
10699        $('#btnConfirmar').unbind('click')
10700        $('#btnConfirmar').click(function() {
10701            Helpers.showLoading();
10702             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10703                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10704                $('#modalConfirmacao').hide();
10705            }).done(function (response) {
10706                if (JSON.parse(response).response.toLowerCase() == "true") {
10707                    location.reload();
10708                }
10709                else{
10710                    Helpers.hideLoading();
10711                }
10712            }).fail(function (erro) {
10713               console.log(erro.responseText)
10714            });
10715        });
10716    });
10717</script>
10717
10718
10719<style>
10720    .remove-icon {
10721        position: absolute;
10722        top: 10px;
10723        left: 10px;
10724        display: flex;
10725        align-items: center;
10726        opacity: 0;
10727        transition: opacity 0.3s ease;
10728    }
10729    .remove-icon img {
10730        width: 30px; 
10731        height: 30px;
10732        background-color: rgba(0, 0, 0, 0.7);
10733        border-radius: 5px;
10734    }
10735    .remove-icon span {
10736        font-size: 14px;
10737        color: #fff;
10738        background-color: rgba(0, 0, 0, 0.7);
10739        padding: 5px;
10740        border-radius: 3px;
10741        margin-left: 30px;
10742        display: none;
10743    }
10744    .media-image:hover .remove-icon {
10745        opacity: 1;
10746    }
10747    .remove-icon:hover span {
10748        display: inline-block; 
10749    }
10750    .modal {
10751        display: none; 
10752        position: fixed;
10753        z-index: 10000;
10754        left: 0;
10755        top: 0;
10756        width: 100%;
10757        height: 100%;
10758        background-color: rgba(0, 0, 0, 0.5);
10759    }
10760    .modal-content {
10761        background-color: white;
10762        margin: 15% auto;
10763        padding: 20px;
10764        border: 1px solid #888;
10765        width: 30%;
10766        text-align: center;
10767        position: relative;
10768        color: #444;
10769        z-index: 10;
10770    }
10771    .close {
10772        position: absolute;
10773        top: 10px;
10774        right: 15px;
10775        font-size: 20px;
10776        font-weight: bold;
10777        cursor: pointer;
10778    }
10779    button {
10780        margin: 10px;
10781        padding: 10px 20px;
10782        cursor: pointer;
10783    }
10784    button#btnCancelar {
10785        background-color: transparent;
10786        color: black;
10787        border: none;
10788    }
10789</style>
10790
10791<li itemscope itemtype="http://schema.org/ItemList" mediaid="487587">
10792    <div class="mediaContainer media-style"
10793         onmousemove="Hover.checkHoverPosition(event, $(this))"
10794         onmouseout="Hover.mobileOut(event, $(this))"
10795         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10796        <div class="item_loader"></div>
10797        <div class="priceContainer">
10798        </div>
10799        <div class="mediaHover">
10800            <div class="hoverContainerInfo">
10801                <div>
10802                    <div class="hoverTitle">
10803                        <div class="hoverTextTitle">Cora&#xE7;&#xE3;o Sombrio - 1&#xAA; Temporada</div>
10804                            <div class="hoverInfoTitle">2022 (5 episódios)</div>
10805                    </div>
10806                </div>
10807                <div class="hoverContainerAge">
10808                    <div class="hoverAge movie-age movie-age-A14"></div>
10809                    <div class="hoverInfo">
10810                        <div class="movie-captionContainer">
10811                                <div class="movie-caption">Dublado</div>
10812                                <div class="movie-caption">Legendado</div>
10813                        </div>
10814                        <div class="hoverGenre">
10815                            Policial, Drama, Suspense
10816                        </div>
10817                    </div>
10818                </div>
10819            </div>
10820        </div>
10821        <div class="mediaCover">
10822           
10823            <div class="media-image">
10824                <div class="nameMedia" itemprop="name">Cora&#xE7;&#xE3;o Sombrio - 1&#xAA; Temporada</div>
10825                <video onclick="Hover.details('/detalhes/487587')" muted loop src=""></video>
10826                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10827
10828                            <img draggable="false" onclick="Hover.details('/detalhes/487587')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Cora&#xE7;&#xE3;o Sombrio - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0487587/0487587_335.jpg" loading="lazy" />
10829                            <img draggable="false" onclick="Hover.details('/detalhes/487587')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0487589/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Cora&#xE7;&#xE3;o Sombrio - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0487587/looke_1010_670.jpg" loading="lazy" />
10830
10831                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10831om.br/0487589/0487589.mp4" />
10832                    <div class="mediaProgressBar" style="display: none">
10833                        <div class="baseBar"></div>
10834                        <div class="percentBar" style="width: 0%"></div>
10835                    </div>
10836                </div>
10837            <div class="mediaSynopsi">
10838    @ -299,21 +288,10 @ button#btnCancelar {
10839  
10840                <div class="buttons">
10841                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10842                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/487587&amp;t=Cora%C3%A7%C3%A3o%20Sombrio%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10843                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10844                    </div>
10845                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/487587&amp;text=Cora%C3%A7%C3%A3o%20Sombrio%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10846                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10847                    </div>
10848                </div>
10849                <div class="text">
10850                    <div><strong>Cora&#xE7;&#xE3;o Sombrio - 1&#xAA; Temporada</strong></div>
10851                    <div>Um homem desaparece misteriosamente pouco tempo ap&#xF3;s obrigar sua filha a terminar o namoro.</div>
10852                </div>
10853            </div>
10854        </div>
10855            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10856    </div>
10857</li>
10858
10859<script>
10860    var IdItemSelected;
10861
10862function onDeleteItem(idItem) {
10863    IdItemSelected = idItem;
10864    $('#modalConfirmacao').show();
10865}
10866    $(document).ready(function() {
10867        $('.close, #btnCancelar').unbind('click')
10868        $('.close, #btnCancelar').click(function() {
10869            $('#modalConfirmacao').hide();
10870        });
10871
10872        $('#btnConfirmar').unbind('click')
10873        $('#btnConfirmar').click(function() {
10874            Helpers.showLoading();
10875             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10876                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10877                $('#modalConfirmacao').hide();
10878            }).done(function (response) {
10879                if (JSON.parse(response).response.toLowerCase() == "true") {
10880                    location.reload();
10881                }
10882                else{
10883                    Helpers.hideLoading();
10884                }
10885            }).fail(function (erro) {
10886               console.log(erro.responseText)
10887            });
10888        });
10889    });
10890</script>
10890
10891
10892<style>
10893    .remove-icon {
10894        position: absolute;
10895        top: 10px;
10896        left: 10px;
10897        display: flex;
10898        align-items: center;
10899        opacity: 0;
10900        transition: opacity 0.3s ease;
10901    }
10902    .remove-icon img {
10903        width: 30px; 
10904        height: 30px;
10905        background-color: rgba(0, 0, 0, 0.7);
10906        border-radius: 5px;
10907    }
10908    .remove-icon span {
10909        font-size: 14px;
10910        color: #fff;
10911        background-color: rgba(0, 0, 0, 0.7);
10912        padding: 5px;
10913        border-radius: 3px;
10914        margin-left: 30px;
10915        display: none;
10916    }
10917    .media-image:hover .remove-icon {
10918        opacity: 1;
10919    }
10920    .remove-icon:hover span {
10921        display: inline-block; 
10922    }
10923    .modal {
10924        display: none; 
10925        position: fixed;
10926        z-index: 10000;
10927        left: 0;
10928        top: 0;
10929        width: 100%;
10930        height: 100%;
10931        background-color: rgba(0, 0, 0, 0.5);
10932    }
10933    .modal-content {
10934        background-color: white;
10935        margin: 15% auto;
10936        padding: 20px;
10937        border: 1px solid #888;
10938        width: 30%;
10939        text-align: center;
10940        position: relative;
10941        color: #444;
10942        z-index: 10;
10943    }
10944    .close {
10945        position: absolute;
10946        top: 10px;
10947        right: 15px;
10948        font-size: 20px;
10949        font-weight: bold;
10950        cursor: pointer;
10951    }
10952    button {
10953        margin: 10px;
10954        padding: 10px 20px;
10955        cursor: pointer;
10956    }
10957    button#btnCancelar {
10958        background-color: transparent;
10959        color: black;
10960        border: none;
10961    }
10962</style>
10963
10964<li itemscope itemtype="http://schema.org/ItemList" mediaid="347225">
10965    <div class="mediaContainer media-style"
10966         onmousemove="Hover.checkHoverPosition(event, $(this))"
10967         onmouseout="Hover.mobileOut(event, $(this))"
10968         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10969        <div class="item_loader"></div>
10970        <div class="priceContainer">
10971        </div>
10972        <div class="mediaHover">
10973            <div class="hoverContainerInfo">
10974                <div>
10975                    <div class="hoverTitle">
10976                        <div class="hoverTextTitle">Uma Semana Para Am&#xE9;lia - 1&#xAA; Temporada</div>
10977                            <div class="hoverInfoTitle">2022 (5 episódios)</div>
10978                    </div>
10979                </div>
10980                <div class="hoverContainerAge">
10981                    <div class="hoverAge movie-age movie-age-A14"></div>
10982                    <div class="hoverInfo">
10983                        <div class="movie-captionContainer">
10984                                <div class="movie-caption">Nacional</div>
10985                                <div class="movie-caption">Legendado</div>
10986                        </div>
10987                        <div class="hoverGenre">
10988                            Com&#xE9;dia, Drama, LGBTQ, Romance
10989                        </div>
10990                    </div>
10991                </div>
10992            </div>
10993        </div>
10994        <div class="mediaCover">
10995           
10996            <div class="media-image">
10997                <div class="nameMedia" itemprop="name">Uma Semana Para Am&#xE9;lia - 1&#xAA; Temporada</div>
10998                <video onclick="Hover.details('/detalhes/347225')" muted loop src=""></video>
10999                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
11000
11001                            <img draggable="false" onclick="Hover.details('/detalhes/347225')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Uma Semana Para Am&#xE9;lia - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0347225/0347225_335.jpg" loading="lazy" />
11002                            <img draggable="false" onclick="Hover.details('/detalhes/347225')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0347227/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Uma Semana Para Am&#xE9;lia - 1&#xAA;
11002 Temporada" src="https://images-01.ottvs.com.br/0347225/looke_1010_670.jpg" loading="lazy" />
11003
11004                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0347227/0347227.mp4" />
11005                    <div class="mediaProgressBar" style="display: none">
11006                        <div class="baseBar"></div>
11007                        <div class="percentBar" style="width: 0%"></div>
11008                    </div>
11009                </div>
11010            <div class="mediaSynopsi">
11011    @ -299,21 +288,10 @ button#btnCancelar {
11012  
11013                <div class="buttons">
11014                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
11015                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/347225&amp;t=Uma%20Semana%20Para%20Am%C3%A9lia%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
11016                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
11017                    </div>
11018                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/347225&amp;text=Uma%20Semana%20Para%20Am%C3%A9lia%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
11019                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
11020                    </div>
11021                </div>
11022                <div class="text">
11023                    <div><strong>Uma Semana Para Am&#xE9;lia - 1&#xAA; Temporada</strong></div>
11024                    <div>No auge de sua carreira, Am&#xE9;lia est&#xE1; focando todas suas energias no trabalho, ignorando problemas em sua rela&#xE7;&#xE3;o com Marcela. Ap&#xF3;s uma caminhada, um encontro inesperado com uma garota muda sua vida completamente. Am&#xE9;lia se v&#xEA; cercada por eventos que se op&#xF5;em ao seu objetivo de crescer em seu trabalho. Ser&#xE1; que essa onda de azar ter&#xE1; um fim?</div>
11025                </div>
11026            </div>
11027        </div>
11028            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
11029    </div>
11030</li>
11031
11032<script>
11033    var IdItemSelected;
11034
11035function onDeleteItem(idItem) {
11036    IdItemSelected = idItem;
11037    $('#modalConfirmacao').show();
11038}
11039    $(document).ready(function() {
11040        $('.close, #btnCancelar').unbind('click')
11041        $('.close, #btnCancelar').click(function() {
11042            $('#modalConfirmacao').hide();
11043        });
11044
11045        $('#btnConfirmar').unbind('click')
11046        $('#btnConfirmar').click(function() {
11047            Helpers.showLoading();
11048             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
11049                $(`[mediaid=${IdItemSelected}]`).fadeOut();
11050                $('#modalConfirmacao').hide();
11051            }).done(function (response) {
11052                if (JSON.parse(response).response.toLowerCase() == "true") {
11053                    location.reload();
11054                }
11055                else{
11056                    Helpers.hideLoading();
11057                }
11058            }).fail(function (erro) {
11059               console.log(erro.responseText)
11060            });
11061        });
11062    });
11063</script>
11063
11064
11065<style>
11066    .remove-icon {
11067        position: absolute;
11068        top: 10px;
11069        left: 10px;
11070        display: flex;
11071        align-items: center;
11072        opacity: 0;
11073        transition: opacity 0.3s ease;
11074    }
11075    .remove-icon img {
11076        width: 30px; 
11077        height: 30px;
11078        background-color: rgba(0, 0, 0, 0.7);
11079        border-radius: 5px;
11080    }
11081    .remove-icon span {
11082        font-size: 14px;
11083        color: #fff;
11084        background-color: rgba(0, 0, 0, 0.7);
11085        padding: 5px;
11086        border-radius: 3px;
11087        margin-left: 30px;
11088        display: none;
11089    }
11090    .media-image:hover .remove-icon {
11091        opacity: 1;
11092    }
11093    .remove-icon:hover span {
11094        display: inline-block; 
11095    }
11096    .modal {
11097        display: none; 
11098        position: fixed;
11099        z-index: 10000;
11100        left: 0;
11101        top: 0;
11102        width: 100%;
11103        height: 100%;
11104        background-color: rgba(0, 0, 0, 0.5);
11105    }
11106    .modal-content {
11107        background-color: white;
11108        margin: 15% auto;
11109        padding: 20px;
11110        border: 1px solid #888;
11111        width: 30%;
11112        text-align: center;
11113        position: relative;
11114        color: #444;
11115        z-index: 10;
11116    }
11117    .close {
11118        position: absolute;
11119        top: 10px;
11120        right: 15px;
11121        font-size: 20px;
11122        font-weight: bold;
11123        cursor: pointer;
11124    }
11125    button {
11126        margin: 10px;
11127        padding: 10px 20px;
11128        cursor: pointer;
11129    }
11130    button#btnCancelar {
11131        background-color: transparent;
11132        color: black;
11133        border: none;
11134    }
11135</style>
11136
11137<li itemscope itemtype="http://schema.org/ItemList" mediaid="370610">
11138    <div class="mediaContainer media-style"
11139         onmousemove="Hover.checkHoverPosition(event, $(this))"
11140         onmouseout="Hover.mobileOut(event, $(this))"
11141         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
11142        <div class="item_loader"></div>
11143        <div class="priceContainer">
11144        </div>
11145        <div class="mediaHover">
11146            <div class="hoverContainerInfo">
11147                <div>
11148                    <div class="hoverTitle">
11149                        <div class="hoverTextTitle">O Nevoeiro - 1&#xAA; Temporada</div>
11150                            <div class="hoverInfoTitle">2022 (6 episódios)</div>
11151                    </div>
11152                </div>
11153                <div class="hoverContainerAge">
11154                    <div class="hoverAge movie-age movie-age-A16"></div>
11155                    <div class="hoverInfo">
11156                        <div class="movie-captionContainer">
11157                                <div class="movie-caption">Dublado</div>
11158                                <div class="movie-caption">Legendado</div>
11159                        </div>
11160                        <div class="hoverGenre">
11161                            Aventura, Drama, Fic&#xE7;&#xE3;o Cient&#xED;fica
11162                        </div>
11163                    </div>
11164                </div>
11165            </div>
11166        </div>
11167        <div class="mediaCover">
11168           
11169            <div class="media-image">
11170                <div class="nameMedia" itemprop="name">O Nevoeiro - 1&#xAA; Temporada</div>
11171                <video onclick="Hover.details('/detalhes/370610')" muted loop src=""></video>
11172                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
11173
11174                            <img draggable="false" onclick="Hover.details('/detalhes/370610')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="O Nevoeiro - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0370610/0370610_335.jpg" loading="lazy" />
11175                            <img draggable="false" onclick="Hover.details('/detalhes/370610')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0370612/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="O Nevoeiro - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0370610/looke_1010_670.jpg" loading="lazy" />
11176
11177                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
11177om.br/0370612/0370612.mp4" />
11178                    <div class="mediaProgressBar" style="display: none">
11179                        <div class="baseBar"></div>
11180                        <div class="percentBar" style="width: 0%"></div>
11181                    </div>
11182                </div>
11183            <div class="mediaSynopsi">
11184    @ -299,21 +288,10 @ button#btnCancelar {
11185  
11186                <div class="buttons">
11187                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
11188                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/370610&amp;t=O%20Nevoeiro%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
11189                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
11190                    </div>
11191                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/370610&amp;text=O%20Nevoeiro%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
11192                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
11193                    </div>
11194                </div>
11195                <div class="text">
11196                    <div><strong>O Nevoeiro - 1&#xAA; Temporada</strong></div>
11197                    <div>Uma terr&#xED;vel revela&#xE7;&#xE3;o coloca a humanidade em um caminho de autodestrui&#xE7;&#xE3;o.</div>
11198                </div>
11199            </div>
11200        </div>
11201            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
11202    </div>
11203</li>
11204
11205<script>
11206    var IdItemSelected;
11207
11208function onDeleteItem(idItem) {
11209    IdItemSelected = idItem;
11210    $('#modalConfirmacao').show();
11211}
11212    $(document).ready(function() {
11213        $('.close, #btnCancelar').unbind('click')
11214        $('.close, #btnCancelar').click(function() {
11215            $('#modalConfirmacao').hide();
11216        });
11217
11218        $('#btnConfirmar').unbind('click')
11219        $('#btnConfirmar').click(function() {
11220            Helpers.showLoading();
11221             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
11222                $(`[mediaid=${IdItemSelected}]`).fadeOut();
11223                $('#modalConfirmacao').hide();
11224            }).done(function (response) {
11225                if (JSON.parse(response).response.toLowerCase() == "true") {
11226                    location.reload();
11227                }
11228                else{
11229                    Helpers.hideLoading();
11230                }
11231            }).fail(function (erro) {
11232               console.log(erro.responseText)
11233            });
11234        });
11235    });
11236</script>
11236
11237
11238<style>
11239    .remove-icon {
11240        position: absolute;
11241        top: 10px;
11242        left: 10px;
11243        display: flex;
11244        align-items: center;
11245        opacity: 0;
11246        transition: opacity 0.3s ease;
11247    }
11248    .remove-icon img {
11249        width: 30px; 
11250        height: 30px;
11251        background-color: rgba(0, 0, 0, 0.7);
11252        border-radius: 5px;
11253    }
11254    .remove-icon span {
11255        font-size: 14px;
11256        color: #fff;
11257        background-color: rgba(0, 0, 0, 0.7);
11258        padding: 5px;
11259        border-radius: 3px;
11260        margin-left: 30px;
11261        display: none;
11262    }
11263    .media-image:hover .remove-icon {
11264        opacity: 1;
11265    }
11266    .remove-icon:hover span {
11267        display: inline-block; 
11268    }
11269    .modal {
11270        display: none; 
11271        position: fixed;
11272        z-index: 10000;
11273        left: 0;
11274        top: 0;
11275        width: 100%;
11276        height: 100%;
11277        background-color: rgba(0, 0, 0, 0.5);
11278    }
11279    .modal-content {
11280        background-color: white;
11281        margin: 15% auto;
11282        padding: 20px;
11283        border: 1px solid #888;
11284        width: 30%;
11285        text-align: center;
11286        position: relative;
11287        color: #444;
11288        z-index: 10;
11289    }
11290    .close {
11291        position: absolute;
11292        top: 10px;
11293        right: 15px;
11294        font-size: 20px;
11295        font-weight: bold;
11296        cursor: pointer;
11297    }
11298    button {
11299        margin: 10px;
11300        padding: 10px 20px;
11301        cursor: pointer;
11302    }
11303    button#btnCancelar {
11304        background-color: transparent;
11305        color: black;
11306        border: none;
11307    }
11308</style>
11309
11310<li itemscope itemtype="http://schema.org/ItemList" mediaid="470273">
11311    <div class="mediaContainer media-style"
11312         onmousemove="Hover.checkHoverPosition(event, $(this))"
11313         onmouseout="Hover.mobileOut(event, $(this))"
11314         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
11315        <div class="item_loader"></div>
11316        <div class="priceContainer">
11317        </div>
11318        <div class="mediaHover">
11319            <div class="hoverContainerInfo">
11320                <div>
11321                    <div class="hoverTitle">
11322                        <div class="hoverTextTitle">Enfermeiros: Uma Nova Era - 1&#xAA; Temporada</div>
11323                            <div class="hoverInfoTitle">2018 (6 episódios)</div>
11324                    </div>
11325                </div>
11326                <div class="hoverContainerAge">
11327                    <div class="hoverAge movie-age movie-age-A14"></div>
11328                    <div class="hoverInfo">
11329                        <div class="movie-captionContainer">
11330                                <div class="movie-caption">Dublado</div>
11331                                <div class="movie-caption">Legendado</div>
11332                        </div>
11333                        <div class="hoverGenre">
11334                            Drama, Fam&#xED;lia
11335                        </div>
11336                    </div>
11337                </div>
11338            </div>
11339        </div>
11340        <div class="mediaCover">
11341           
11342            <div class="media-image">
11343                <div class="nameMedia" itemprop="name">Enfermeiros: Uma Nova Era - 1&#xAA; Temporada</div>
11344                <video onclick="Hover.details('/detalhes/470273')" muted loop src=""></video>
11345                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
11346
11347                            <img draggable="false" onclick="Hover.details('/detalhes/470273')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Enfermeiros: Uma Nova Era - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0470273/0470273_335.jpg" loading="lazy" />
11348                            <img draggable="false" onclick="Hover.details('/detalhes/470273')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0470295/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Enfermeiros: Uma Nova Era - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0470273/looke_1010_670.jpg" loading="lazy" />
11349
11350                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
11350om.br/0470295/0470295.mp4" />
11351                    <div class="mediaProgressBar" style="display: none">
11352                        <div class="baseBar"></div>
11353                        <div class="percentBar" style="width: 0%"></div>
11354                    </div>
11355                </div>
11356            <div class="mediaSynopsi">
11357    @ -299,21 +288,10 @ button#btnCancelar {
11358  
11359                <div class="buttons">
11360                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
11361                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/470273&amp;t=Enfermeiros%3A%20Uma%20Nova%20Era%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
11362                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
11363                    </div>
11364                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/470273&amp;text=Enfermeiros%3A%20Uma%20Nova%20Era%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
11365                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
11366                    </div>
11367                </div>
11368                <div class="text">
11369                    <div><strong>Enfermeiros: Uma Nova Era - 1&#xAA; Temporada</strong></div>
11370                    <div>O governo dinamarqu&#xEA;s passa a permitir que homens tamb&#xE9;m frequentem o curso de enfermagem.</div>
11371                </div>
11372            </div>
11373        </div>
11374            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
11375    </div>
11376</li>
11377
11378<script>
11379    var IdItemSelected;
11380
11381function onDeleteItem(idItem) {
11382    IdItemSelected = idItem;
11383    $('#modalConfirmacao').show();
11384}
11385    $(document).ready(function() {
11386        $('.close, #btnCancelar').unbind('click')
11387        $('.close, #btnCancelar').click(function() {
11388            $('#modalConfirmacao').hide();
11389        });
11390
11391        $('#btnConfirmar').unbind('click')
11392        $('#btnConfirmar').click(function() {
11393            Helpers.showLoading();
11394             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
11395                $(`[mediaid=${IdItemSelected}]`).fadeOut();
11396                $('#modalConfirmacao').hide();
11397            }).done(function (response) {
11398                if (JSON.parse(response).response.toLowerCase() == "true") {
11399                    location.reload();
11400                }
11401                else{
11402                    Helpers.hideLoading();
11403                }
11404            }).fail(function (erro) {
11405               console.log(erro.responseText)
11406            });
11407        });
11408    });
11409</script>
11409
11410                            </ul>
11411                </div>
11412
11413            </div>
11414            <div class="carousel_media_details">
11415                <div class="panel_loader">
11416                    <div class="panel_loader_img"></div>
11417                </div>
11418                <span class="og-close"></span>
11419                <div class="movie-info"></div>
11420            </div>
11421
11422        </div>
11423    </div>
11424</div>    </div>
11425    <div class="" style="background-color:">
11426
11427<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7023" style="z-index: 10;">
11428    <div class="item">
11429        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
11430            <img src="https://resources-01.ottvs.com.br/banner/2fcc6310-7798-4829-8755-aea63497fa80.jpg">
11431        </div>
11432    </div>
11433
11434 
11435</div>
11436
11437<script type="text/javascript">
11438   //$(document).ready(function () {
11439    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
11440    statePadingValue = isMobile ? 10 : 30
11441
11442    carouselConfig = {
11443        nav: isMobile ? false : true, // Show next and prev buttons
11444        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
11445        slideSpeed: 300,
11446        navSpeed: 800,
11447        margin: 50,
11448        stagePadding: $(".page-home").length ? statePadingValue : 0,
11449        items: 1,
11450        loop: true,
11451        autoplay: true,
11452        navigationText: ["", ""],
11453        afterInit: function (elem) {
11454            var that = this
11455            that.owlControls.prependTo(elem)
11456        }
11457    }
11458        
11459    carouselConfig.animateOut = '';
11460    carouselConfig.autoplayTimeout = (8) * 1000;
11461
11462    $(".owl-id-7023").owlCarousel(carouselConfig),
11463    $('.owl-id- .owl-pagination').addClass("hideSmall");
11464
11465    //});
11466</script>
11466
11467    </div>
11468    <div class="" style="background-color:#000000">
11469
11470<style>
11471    .container-banners {
11472        display: flex;
11473        scrollbar-width: none;
11474        align-items: center;
11475        overflow-y: hidden !important;
11476        margin-top: -53px;
11477        padding-top: 53px;
11478        margin-left: -33px;
11479        padding-left: 33px;
11480        padding-bottom: 20px;
11481    }
11482
11483    .container-banners a {
11484        z-index: 100 !important;
11485    }
11486
11487    .container-banners a:hover {
11488        z-index: 1000 !important;
11489    }
11490
11491    .cover-banners {
11492        margin-right: 15px;
11493        transition-duration: 0.1s;
11494        cursor: pointer;
11495        border-radius: 15px;
11496    }
11497
11498    .cover-banners:hover {
11499        transform: scale(1.12);
11500        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4) ;
11501    }
11502
11503    .bannerCarousel{
11504        
11505    }
11506
11507    .bannerCarousel .media-style {
11508        position: relative;
11509        width: 156px;
11510        height: auto;
11511        margin: 0px 19px 0 0px;
11512        cursor: pointer;
11513        text-align: left;
11514        border-radius: 12px;
11515    }
11516
11517    .bannerCarousel.sectionStyle_3 .media-style {
11518        width: 332px;
11519    }
11520
11521    .hideTitle {
11522        padding-top: 30px !important;
11523    }
11524
11525    .hideTitle:before {
11526        border-top: 0px !important;
11527        border-image: none !important;
11528    }
11529
11530    .noPointer{
11531        cursor: auto !important;
11532        transform: scale(1) !important;
11533        box-shadow: none !important;
11534    }
11535
11536</style>
11537
11538<div class="frame-holder">
11539    <div class="frame-center">
11540        <div class="mediaCarousel bannerCarousel sectionStyle_3">
11541            <div class='frame-container channel-space hideTitle'>
11542                <div onmousemove="Carousel.closeHover()" onclick="scrollToLeft(7071)" class="frame-left frame-channel" id="frame-left-7071" style="display: none">
11543                    <div class="frame-left-arrow" style="background-position-y: center;"></div>
11544                </div>
11545                <div onmouseover="Carousel.closeHover()" onclick="scrollToRight(7071)" class="frame-right frame-channel" id="frame-right-7071" style="display: none">
11546                    <div class="frame-right-arrow" style="background-position-y: center;"></div>
11547                </div>
11548                <div class='horizontal container-banners' style="overflow:scroll" id="7071">
11549
11550                        <a  href=/detalhes/560895 >
11551                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/ec0fc955-a5fb-4aa8-8a4f-73e209fb52f4.png">
11552                        </a>
11553                        <a  href=/detalhes/570270 >
11554                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/6e777098-c82b-4856-b844-7775ea9e33c2.png">
11555                        </a>
11556                        <a   >
11557                            <img class="media-style cover-banners noPointer" draggable="false" src="https://resources-01.ottvs.com.br/banner/c28f3592-7bb0-40f6-a67d-2591e7926223.png">
11558                        </a>
11559                        <a  href=/detalhes/475171 >
11560                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/ef276acb-8632-47e8-9a9e-3efdfbd5a827.png">
11561                        </a>
11562                        <a  href=/detalhes/459210 >
11563                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/cbfa1f42-5458-4aed-9d3a-d22714746969.png">
11564                        </a>
11565                        <a  href=/detalhes/459247 >
11566                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/d2591141-1681-4bf8-a2ea-44d9bd47d445.png">
11567                        </a>
11568                        <a  href=/detalhes/572436 >
11569                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/33a0e836-fe18-46a5-b201-1358c0adbc66.png">
11570                        </a>
11571                        <a  href=/detalhes/483638 >
11572                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.c
11572om.br/banner/5b05e5bd-d5ad-49ff-942c-2f00b6e1ddcb.png">
11573                        </a>
11574                        <a  href=/detalhes/435658 >
11575                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/80adf683-0092-4bd4-ae81-8cfc52f680e4.png">
11576                        </a>
11577                        <a  href=/detalhes/422120 >
11578                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/f0d4171d-afa7-4199-97e1-c81cf2b4f2da.png">
11579                        </a>
11580
11581
11582                </div>
11583
11584
11585            </div>
11586        </div>
11587    </div>
11588</div>
11589
11590<script>
11591    var carousel = carousel || [];
11592    var carouselEl = carouselEl || [];
11593
11594    carousel[7071] = document.getElementById('7071')
11595    carouselEl[7071] = $('#7071')
11596
11597    $(document).ready(function () {
11598        checkFrameVisibility(7071)
11599    })
11600
11601    $(carouselEl[7071]).on("resize", function () {
11602        checkFrameVisibility(7071)
11603    });
11604
11605    $(carouselEl[7071]).on('scroll', function () {
11606        checkFrameVisibility(7071)
11607    })
11608
11609    function scrollToRight(carouselId) {
11610        carouselEl[carouselId].animate({
11611            scrollLeft: carousel[carouselId].scrollLeft + carousel[carouselId].clientWidth
11612            },{ duration: "slow"}
11613        );
11614    }
11615
11616    function scrollToLeft(carouselId) {
11617        carouselEl[carouselId].animate({
11618            scrollLeft: carousel[carouselId].scrollLeft - carousel[carouselId].clientWidth
11619            },{ duration: "slow"}
11620        );
11621    }
11622
11623    function checkFrameVisibility(carouselId) {
11624        carouselViewWidth = carousel[carouselId].clientWidth;
11625        carouselWidth = carousel[carouselId].scrollWidth-1;
11626
11627        if (carousel[carouselId].scrollLeft == 0) {
11628            $('#frame-left-' + carouselId).fadeOut()
11629        } else {
11630            $('#frame-left-' + carouselId).fadeIn()
11631        }
11632 
11633        if (navigator.userAgent.search("Firefox") >= 0) {
11634            return
11635        } else {
11636             if (carousel[7071].scrollLeft + carouselViewWidth >= carouselWidth) {
11637                $('#frame-right-' + carouselId).fadeOut()
11638            } else {
11639                $('#frame-right-' + carouselId).fadeIn()
11640            }
11641
11642        }
11643
11644        //console.log(`Left: ${carousel.scrollLeft} view: ${carouselViewWidth} width: ${carouselWidth} `)
11645    }
11646
11647
11648</script>
11648
11649    </div>
11650    <div class="" style="background-color:">
11651
11652<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7094" style="z-index: 10;">
11653    <div class="item">
11654        <div class="linkBanner" style="cursor: pointer;" urlBanner="/movies/vem-por-ai" onclick="javascript: location.href = '/movies/vem-por-ai'; Helpers.showLoading(); ">
11655            <img src="https://resources-01.ottvs.com.br/banner/e9e6e8e1-f077-4e61-965b-de97af231351.png">
11656        </div>
11657    </div>
11658
11659 
11660</div>
11661
11662<script type="text/javascript">
11663   //$(document).ready(function () {
11664    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
11665    statePadingValue = isMobile ? 10 : 30
11666
11667    carouselConfig = {
11668        nav: isMobile ? false : true, // Show next and prev buttons
11669        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
11670        slideSpeed: 300,
11671        navSpeed: 800,
11672        margin: 50,
11673        stagePadding: $(".page-home").length ? statePadingValue : 0,
11674        items: 1,
11675        loop: true,
11676        autoplay: true,
11677        navigationText: ["", ""],
11678        afterInit: function (elem) {
11679            var that = this
11680            that.owlControls.prependTo(elem)
11681        }
11682    }
11683        
11684    carouselConfig.animateOut = '';
11685    carouselConfig.autoplayTimeout = (8) * 1000;
11686
11687    $(".owl-id-7094").owlCarousel(carouselConfig),
11688    $('.owl-id- .owl-pagination').addClass("hideSmall");
11689
11690    //});
11691</script>
11691
11692    </div>
11693    </div>
11694</div>
11695
11696<script>
11697
11698    (function (d, s, id) {
11699        var js, fjs = d.getElementsByTagName(s)[0];
11700        if (d.getElementById(id)) return;
11701        js = d.createElement(s); js.id = id;
11702        js.src = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.10';
11703        fjs.parentNode.insertBefore(js, fjs);
11704    }(document, 'script', 'facebook-jssdk'));
11705
11706
11707    var lastScrollHeight = 0;
11708    var page = 0;
11709    $(window).on("scroll", function () {
11710        var scrollHeight = $(document).height() - ($(window).height() * 2);
11711        var scrollPos = $(window).scrollTop();
11712
11713        if (scrollPos > scrollHeight && lastScrollHeight < $(document).height()) {
11714            lastScrollHeight = $(document).height() * 1.2;
11715            page++;
11716            createNextPage(page);
11717            loadNextPage(page);
11718        }
11719    });
11720
11721    var createNextPage = function (page) {
11722        var newPage = $("#sectionLocationList").append(`<div class="nextChannelPage" id="page${page}">`);
11723        $(`#sectionLocationList #page${page}`).unbind("click");
11724        $(`#sectionLocationList #page${page}`).on("click", function (currentPage) {
11725            loadNextPage(page);
11726        }).html("Carregar mais");
11727
11728    }
11729    var loadNextPage = function (page) {
11730        $(`#sectionLocationList #page${page}`).unbind("click");
11731        $(`#sectionLocationList #page${page}`).html("").removeClass("nextChannelPage").addClass("loadingIcon");
11732        $.ajax({
11733            type: "GET",
11734            url: "/channel/" + $("#sectionLocationList").data("sectionlocationid"),
11735            data: `partial=true&page=${page}`,
11736            success: function (data) {
11737                $(`#sectionLocationList #page${page}`).removeClass("loadingIcon").removeClass("nextChannelPage").html(data);
11738            },
11739            error: function (xhr, ajaxOptions, thrownError) {
11740                console.log(`loadNextPage error (${page}):`, thrownError);
11741            }
11742
11743        });
11744    }
11745
11746
11747</script>
vendor: 1 bytes, line 11747
11747
11748<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
11748
11749
11750
11751
11752        <div class="push"></div>
11753    </div>
11754
11755    
11756<script type="text/javascript">
11757    /* <![CDATA[ */
11758    var google_conversion_id = 945439321;
11759    var google_custom_params = window.google_tag_params;
11760    var google_remarketing_only = true;
11761    /* ]]> */
11762</script>
11762
11763
11764<noscript>
11765    <div style="display:inline;">
11766        <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/945439321/?value=0&amp;guid=ON&amp;script=0" />
11767    </div>
11768</noscript>
11769
11770<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
11770
11771
11772    <div class="footer footerSmall">
11773        <div class="container-fluid footer">
11774            <footer>
11775                <div class="row">
11776                    <div class="col-12 col-md-5">
11777                        <div class="wrapper-footer flex-column align-items-center justify-content-center">
11778                            <p>Redes Sociais</p>
11779                            <div class="social-group">
11780                                <a target="_blank" href="https://www.facebook.com/LookeBrasil"><img src="https://ottvsimg.ottvs.com.br/res/looke/facebook_icon.png" /></a>
11781                                <a target="_blank" href="https://instagram.com/looke/"><img src="https://ottvsimg.ottvs.com.br/res/looke/instagram_icon.png" /></a>
11782                                <a target="_blank"  href="https://api.whatsapp.com/send?phone=55115053-5031&text=ol%C3%A1%20"><img src="https://ottvsimg.ottvs.com.br/res/looke/whatsapp_icon.png" /></a>
11783                                <a target="_blank" href="https://twitter.com/LookeBrasil"><img src="https://ottvsimg.ottvs.com.br/res/looke/twitter_icon.png" /></a>
11784                                <a target="_blank" href="https://www.tiktok.com/@lookeoficial"><img src="https://ottvsimg.ottvs.com.br/res/looke/tiktok_icon.png" /></a>
11785
11786                            </div>
11787                        </div>
11788
11789                    </div>
11790
11791                    <div class="col-12 col-md-7">
11792                        <div class="wrapper-footer align-items-center justify-content-center">
11793                            <ul class="list-inline">
11794                                <li><a class="no-decoration redirect" href="/Politica">Política de privacidade <span class="hide-mob">|</span></a></li>
11795                                <li><a class="no-decoration redirect" href="/help/termosdeuso">Termos de Uso <span class="hide-mob">|</span></a></li>
11796                                <li><a class="no-decoration redirect" href="/helpcenter">Central de Ajuda <span class="hide-mob">|</span></a></li>
11797                                    <li><a class="no-decoration redirect" href="/Help/ComoAssistir">Como assistir <span class="hide-mob">|</span></a></li>
11798
11799                                <li><a class="no-decoration redirect" href="/Help">Contato</a></li>
11800
11801
11802                            </ul>
11803                        </div>
11804                    </div>
11805                </div>
11806            </footer>
11807
11808        </div>
11809    </div>
11810
11811
11812
11813
11814    
11815
11816    
11816<script src="/scripts/mediaModeCheck.js?guid=8D36156B-7ACC-449F-B001-B1C22CC94CA6"></script>
11816
11817    
11817<script>
11818        $(document).ready(function () {
11819            $(".header-button a").click(function () {
11820                $.cookie("modalStatus", "modalLooke");
11821            });
11822            $.cookie("modalStatus", "modalLooke");
11823        });
11824    </script>
11824
11825</body>
11826
11827
11828
11829</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.