PageSourceSearch

https://looke.com.br/landingpage

html looke.com.br collected 2026-10-01 11:43:41 UTC 468,884 bytes, 11,897 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-857cc841-fe76-4948-a54e-f3401aa76f34">
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/0002/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/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/0001/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/0001/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-dc50c5bf-f7bd-45cc-8f51-6881ec92eeaa">
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/0001/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/0001/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="560868">
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 &#xDA;ltimo Ronin</div>
4988                            <div class="hoverInfoTitle">2024 (2h 0m)</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                            A&#xE7;&#xE3;o, Aventura, Fic&#xE7;&#xE3;o Cient&#xED;fica
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 &#xDA;ltimo Ronin</div>
5009                <video onclick="Hover.details('/detalhes/560868')" muted loop src=""></video>
5010                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5011
5012                                <img
5013                                    draggable="false"
5014                                    loading="lazy"
5015                                    onclick="Hover.details('/detalhes/560868')"
5016                                    onerror="this.src=''; this.onerror = null;"
5017                                    class="imgStyle_landscape imgBase"
5018                                    itemprop="image"
5019                                    alt="O &#xDA;ltimo Ronin"
5020                                    src="https://images-01.ottvs.com.br/0560868/0001/0560868_335.jpg"
5021                                    onload="$(this).fadeIn();"
5022                                />
5023
5024                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
5024om.br/0560868/0560868.mp4" />
5025                    <div class="mediaProgressBar" style="display: none">
5026                        <div class="baseBar"></div>
5027                        <div class="percentBar" style="width: 0%"></div>
5028                    </div>
5029                </div>
5030            <div class="mediaSynopsi">
5031    @ -299,21 +288,10 @ button#btnCancelar {
5032  
5033                <div class="buttons">
5034                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5035                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/560868&amp;t=O%20%C3%9Altimo%20Ronin");' class="buttom" data-type="facebook">
5036                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5037                    </div>
5038                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/560868&amp;text=O%20%C3%9Altimo%20Ronin");' class="buttom" data-type="twitter">
5039                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5040                    </div>
5041                </div>
5042                <div class="text">
5043                    <div><strong>O &#xDA;ltimo Ronin</strong></div>
5044                    <div>Um viajante solit&#xE1;rio decide ajudar uma garota a retornar para o lugar onde nasceu.</div>
5045                </div>
5046            </div>
5047        </div>
5048            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5049    </div>
5050</li>
5051
5052<script>
5053    var IdItemSelected;
5054
5055function onDeleteItem(idItem) {
5056    IdItemSelected = idItem;
5057    $('#modalConfirmacao').show();
5058}
5059    $(document).ready(function() {
5060        $('.close, #btnCancelar').unbind('click')
5061        $('.close, #btnCancelar').click(function() {
5062            $('#modalConfirmacao').hide();
5063        });
5064
5065        $('#btnConfirmar').unbind('click')
5066        $('#btnConfirmar').click(function() {
5067            Helpers.showLoading();
5068             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5069                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5070                $('#modalConfirmacao').hide();
5071            }).done(function (response) {
5072                if (JSON.parse(response).response.toLowerCase() == "true") {
5073                    location.reload();
5074                }
5075                else{
5076                    Helpers.hideLoading();
5077                }
5078            }).fail(function (erro) {
5079               console.log(erro.responseText)
5080            });
5081        });
5082    });
5083</script>
5083
5084
5085<style>
5086    .remove-icon {
5087        position: absolute;
5088        top: 10px;
5089        left: 10px;
5090        display: flex;
5091        align-items: center;
5092        opacity: 0;
5093        transition: opacity 0.3s ease;
5094    }
5095    .remove-icon img {
5096        width: 30px; 
5097        height: 30px;
5098        background-color: rgba(0, 0, 0, 0.7);
5099        border-radius: 5px;
5100    }
5101    .remove-icon span {
5102        font-size: 14px;
5103        color: #fff;
5104        background-color: rgba(0, 0, 0, 0.7);
5105        padding: 5px;
5106        border-radius: 3px;
5107        margin-left: 30px;
5108        display: none;
5109    }
5110    .media-image:hover .remove-icon {
5111        opacity: 1;
5112    }
5113    .remove-icon:hover span {
5114        display: inline-block; 
5115    }
5116    .modal {
5117        display: none; 
5118        position: fixed;
5119        z-index: 10000;
5120        left: 0;
5121        top: 0;
5122        width: 100%;
5123        height: 100%;
5124        background-color: rgba(0, 0, 0, 0.5);
5125    }
5126    .modal-content {
5127        background-color: white;
5128        margin: 15% auto;
5129        padding: 20px;
5130        border: 1px solid #888;
5131        width: 30%;
5132        text-align: center;
5133        position: relative;
5134        color: #444;
5135        z-index: 10;
5136    }
5137    .close {
5138        position: absolute;
5139        top: 10px;
5140        right: 15px;
5141        font-size: 20px;
5142        font-weight: bold;
5143        cursor: pointer;
5144    }
5145    button {
5146        margin: 10px;
5147        padding: 10px 20px;
5148        cursor: pointer;
5149    }
5150    button#btnCancelar {
5151        background-color: transparent;
5152        color: black;
5153        border: none;
5154    }
5155</style>
5156
5157<li itemscope itemtype="http://schema.org/ItemList" mediaid="420997">
5158    <div class="mediaContainer media-style"
5159         onmousemove="Hover.checkHoverPosition(event, $(this))"
5160         onmouseout="Hover.mobileOut(event, $(this))"
5161         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5162        <div class="item_loader"></div>
5163        <div class="priceContainer">
5164        </div>
5165        <div class="mediaHover">
5166            <div class="hoverContainerInfo">
5167                <div>
5168                    <div class="hoverTitle">
5169                        <div class="hoverTextTitle">O Fant&#xE1;stico Mundo de Blaze</div>
5170                            <div class="hoverInfoTitle">2022 (1h 37m)</div>
5171                    </div>
5172                </div>
5173                <div class="hoverContainerAge">
5174                    <div class="hoverAge movie-age movie-age-A16"></div>
5175                    <div class="hoverInfo">
5176                        <div class="movie-captionContainer">
5177                                <div class="movie-caption">Dublado</div>
5178                                <div class="movie-caption">Legendado</div>
5179                        </div>
5180                        <div class="hoverGenre">
5181                            Drama, Policial
5182                        </div>
5183                    </div>
5184                </div>
5185            </div>
5186        </div>
5187        <div class="mediaCover">
5188           
5189            <div class="media-image">
5190                <div class="nameMedia" itemprop="name">O Fant&#xE1;stico Mundo de Blaze</div>
5191                <video onclick="Hover.details('/detalhes/420997')" muted loop src=""></video>
5192                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5193
5194                                <img
5195                                    draggable="false"
5196                                    loading="lazy"
5197                                    onclick="Hover.details('/detalhes/420997')"
5198                                    onerror="this.src=''; this.onerror = null;"
5199                                    class="imgStyle_landscape imgBase"
5200                                    itemprop="image"
5201                                    alt="O Fant&#xE1;stico Mundo de Blaze"
5202                                    src="https://images-01.ottvs.com.br/0420997/0002/0420997_335.jpg"
5203                                    onload="$(this).fadeIn();"
5204                                />
5205
5206                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
5206om.br/0420997/0420997.mp4" />
5207                    <div class="mediaProgressBar" style="display: none">
5208                        <div class="baseBar"></div>
5209                        <div class="percentBar" style="width: 0%"></div>
5210                    </div>
5211                </div>
5212            <div class="mediaSynopsi">
5213    @ -299,21 +288,10 @ button#btnCancelar {
5214  
5215                <div class="buttons">
5216                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5217                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/420997&amp;t=O%20Fant%C3%A1stico%20Mundo%20de%20Blaze");' class="buttom" data-type="facebook">
5218                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5219                    </div>
5220                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/420997&amp;text=O%20Fant%C3%A1stico%20Mundo%20de%20Blaze");' class="buttom" data-type="twitter">
5221                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5222                    </div>
5223                </div>
5224                <div class="text">
5225                    <div><strong>O Fant&#xE1;stico Mundo de Blaze</strong></div>
5226                    <div>Ap&#xF3;s presenciar um crime violento, Blaze fica em estado catat&#xF4;nico e sente dificuldade em acreditar no que acabou de ver.</div>
5227                </div>
5228            </div>
5229        </div>
5230            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5231    </div>
5232</li>
5233
5234<script>
5235    var IdItemSelected;
5236
5237function onDeleteItem(idItem) {
5238    IdItemSelected = idItem;
5239    $('#modalConfirmacao').show();
5240}
5241    $(document).ready(function() {
5242        $('.close, #btnCancelar').unbind('click')
5243        $('.close, #btnCancelar').click(function() {
5244            $('#modalConfirmacao').hide();
5245        });
5246
5247        $('#btnConfirmar').unbind('click')
5248        $('#btnConfirmar').click(function() {
5249            Helpers.showLoading();
5250             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5251                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5252                $('#modalConfirmacao').hide();
5253            }).done(function (response) {
5254                if (JSON.parse(response).response.toLowerCase() == "true") {
5255                    location.reload();
5256                }
5257                else{
5258                    Helpers.hideLoading();
5259                }
5260            }).fail(function (erro) {
5261               console.log(erro.responseText)
5262            });
5263        });
5264    });
5265</script>
5265
5266
5267<style>
5268    .remove-icon {
5269        position: absolute;
5270        top: 10px;
5271        left: 10px;
5272        display: flex;
5273        align-items: center;
5274        opacity: 0;
5275        transition: opacity 0.3s ease;
5276    }
5277    .remove-icon img {
5278        width: 30px; 
5279        height: 30px;
5280        background-color: rgba(0, 0, 0, 0.7);
5281        border-radius: 5px;
5282    }
5283    .remove-icon span {
5284        font-size: 14px;
5285        color: #fff;
5286        background-color: rgba(0, 0, 0, 0.7);
5287        padding: 5px;
5288        border-radius: 3px;
5289        margin-left: 30px;
5290        display: none;
5291    }
5292    .media-image:hover .remove-icon {
5293        opacity: 1;
5294    }
5295    .remove-icon:hover span {
5296        display: inline-block; 
5297    }
5298    .modal {
5299        display: none; 
5300        position: fixed;
5301        z-index: 10000;
5302        left: 0;
5303        top: 0;
5304        width: 100%;
5305        height: 100%;
5306        background-color: rgba(0, 0, 0, 0.5);
5307    }
5308    .modal-content {
5309        background-color: white;
5310        margin: 15% auto;
5311        padding: 20px;
5312        border: 1px solid #888;
5313        width: 30%;
5314        text-align: center;
5315        position: relative;
5316        color: #444;
5317        z-index: 10;
5318    }
5319    .close {
5320        position: absolute;
5321        top: 10px;
5322        right: 15px;
5323        font-size: 20px;
5324        font-weight: bold;
5325        cursor: pointer;
5326    }
5327    button {
5328        margin: 10px;
5329        padding: 10px 20px;
5330        cursor: pointer;
5331    }
5332    button#btnCancelar {
5333        background-color: transparent;
5334        color: black;
5335        border: none;
5336    }
5337</style>
5338
5339<li itemscope itemtype="http://schema.org/ItemList" mediaid="434726">
5340    <div class="mediaContainer media-style"
5341         onmousemove="Hover.checkHoverPosition(event, $(this))"
5342         onmouseout="Hover.mobileOut(event, $(this))"
5343         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5344        <div class="item_loader"></div>
5345        <div class="priceContainer">
5346        </div>
5347        <div class="mediaHover">
5348            <div class="hoverContainerInfo">
5349                <div>
5350                    <div class="hoverTitle">
5351                        <div class="hoverTextTitle">Fim da Linha</div>
5352                            <div class="hoverInfoTitle">2023 (2h 19m)</div>
5353                    </div>
5354                </div>
5355                <div class="hoverContainerAge">
5356                    <div class="hoverAge movie-age movie-age-A14"></div>
5357                    <div class="hoverInfo">
5358                        <div class="movie-captionContainer">
5359                                <div class="movie-caption">Dublado</div>
5360                                <div class="movie-caption">Legendado</div>
5361                        </div>
5362                        <div class="hoverGenre">
5363                            Suspense, Policial, Drama
5364                        </div>
5365                    </div>
5366                </div>
5367            </div>
5368        </div>
5369        <div class="mediaCover">
5370           
5371            <div class="media-image">
5372                <div class="nameMedia" itemprop="name">Fim da Linha</div>
5373                <video onclick="Hover.details('/detalhes/434726')" muted loop src=""></video>
5374                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5375
5376                                <img
5377                                    draggable="false"
5378                                    loading="lazy"
5379                                    onclick="Hover.details('/detalhes/434726')"
5380                                    onerror="this.src=''; this.onerror = null;"
5381                                    class="imgStyle_landscape imgBase"
5382                                    itemprop="image"
5383                                    alt="Fim da Linha"
5384                                    src="https://images-01.ottvs.com.br/0434726/0434726_335.jpg"
5385                                    onload="$(this).fadeIn();"
5386                                />
5387
5388                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0434726/0434726.mp4" />
5389                    <div class="mediaProgressBar" style="display: none">
5390                        <div class="baseBar"></div>
5391                        <div class="percentBar" style="width: 0%"></div>
5392                    </div>
5393                </div>
5394            <div class="mediaSynopsi">
5395    @ -299,21 +288,10 @ button#btnCancelar {
5396  
5397                <div class="buttons">
5398                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5399                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/434726&amp;t=Fim%20da%20Linha");' class="buttom" data-type="facebook">
5400                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5401                    </div>
5402                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/434726&amp;text=Fim%20da%20Linha");' class="buttom" data-type="twitter">
5403                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5404                    </div>
5405                </div>
5406                <div class="text">
5407                    <div><strong>Fim da Linha</strong></div>
5408                    <div>Os moradores de uma pequena cidade dos Estados Unidos decidem fazer justi&#xE7;a com as pr&#xF3;prias m&#xE3;os.</div>
5409                </div>
5410            </div>
5411        </div>
5412            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5413    </div>
5414</li>
5415
5416<script>
5417    var IdItemSelected;
5418
5419function onDeleteItem(idItem) {
5420    IdItemSelected = idItem;
5421    $('#modalConfirmacao').show();
5422}
5423    $(document).ready(function() {
5424        $('.close, #btnCancelar').unbind('click')
5425        $('.close, #btnCancelar').click(function() {
5426            $('#modalConfirmacao').hide();
5427        });
5428
5429        $('#btnConfirmar').unbind('click')
5430        $('#btnConfirmar').click(function() {
5431            Helpers.showLoading();
5432             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5433                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5434                $('#modalConfirmacao').hide();
5435            }).done(function (response) {
5436                if (JSON.parse(response).response.toLowerCase() == "true") {
5437                    location.reload();
5438                }
5439                else{
5440                    Helpers.hideLoading();
5441                }
5442            }).fail(function (erro) {
5443               console.log(erro.responseText)
5444            });
5445        });
5446    });
5447</script>
5447
5448
5449<style>
5450    .remove-icon {
5451        position: absolute;
5452        top: 10px;
5453        left: 10px;
5454        display: flex;
5455        align-items: center;
5456        opacity: 0;
5457        transition: opacity 0.3s ease;
5458    }
5459    .remove-icon img {
5460        width: 30px; 
5461        height: 30px;
5462        background-color: rgba(0, 0, 0, 0.7);
5463        border-radius: 5px;
5464    }
5465    .remove-icon span {
5466        font-size: 14px;
5467        color: #fff;
5468        background-color: rgba(0, 0, 0, 0.7);
5469        padding: 5px;
5470        border-radius: 3px;
5471        margin-left: 30px;
5472        display: none;
5473    }
5474    .media-image:hover .remove-icon {
5475        opacity: 1;
5476    }
5477    .remove-icon:hover span {
5478        display: inline-block; 
5479    }
5480    .modal {
5481        display: none; 
5482        position: fixed;
5483        z-index: 10000;
5484        left: 0;
5485        top: 0;
5486        width: 100%;
5487        height: 100%;
5488        background-color: rgba(0, 0, 0, 0.5);
5489    }
5490    .modal-content {
5491        background-color: white;
5492        margin: 15% auto;
5493        padding: 20px;
5494        border: 1px solid #888;
5495        width: 30%;
5496        text-align: center;
5497        position: relative;
5498        color: #444;
5499        z-index: 10;
5500    }
5501    .close {
5502        position: absolute;
5503        top: 10px;
5504        right: 15px;
5505        font-size: 20px;
5506        font-weight: bold;
5507        cursor: pointer;
5508    }
5509    button {
5510        margin: 10px;
5511        padding: 10px 20px;
5512        cursor: pointer;
5513    }
5514    button#btnCancelar {
5515        background-color: transparent;
5516        color: black;
5517        border: none;
5518    }
5519</style>
5520
5521<li itemscope itemtype="http://schema.org/ItemList" mediaid="381306">
5522    <div class="mediaContainer media-style"
5523         onmousemove="Hover.checkHoverPosition(event, $(this))"
5524         onmouseout="Hover.mobileOut(event, $(this))"
5525         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5526        <div class="item_loader"></div>
5527        <div class="priceContainer">
5528        </div>
5529        <div class="mediaHover">
5530            <div class="hoverContainerInfo">
5531                <div>
5532                    <div class="hoverTitle">
5533                        <div class="hoverTextTitle">Uma Casa Sem Sa&#xED;da</div>
5534                            <div class="hoverInfoTitle">2023 (1h 40m)</div>
5535                    </div>
5536                </div>
5537                <div class="hoverContainerAge">
5538                    <div class="hoverAge movie-age movie-age-A14"></div>
5539                    <div class="hoverInfo">
5540                        <div class="movie-captionContainer">
5541                                <div class="movie-caption">Dublado</div>
5542                                <div class="movie-caption">Legendado</div>
5543                        </div>
5544                        <div class="hoverGenre">
5545                            Suspense, Terror
5546                        </div>
5547                    </div>
5548                </div>
5549            </div>
5550        </div>
5551        <div class="mediaCover">
5552           
5553            <div class="media-image">
5554                <div class="nameMedia" itemprop="name">Uma Casa Sem Sa&#xED;da</div>
5555                <video onclick="Hover.details('/detalhes/381306')" muted loop src=""></video>
5556                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5557
5558                                <img
5559                                    draggable="false"
5560                                    loading="lazy"
5561                                    onclick="Hover.details('/detalhes/381306')"
5562                                    onerror="this.src=''; this.onerror = null;"
5563                                    class="imgStyle_landscape imgBase"
5564                                    itemprop="image"
5565                                    alt="Uma Casa Sem Sa&#xED;da"
5566                                    src="https://images-01.ottvs.com.br/0381306/0381306_335.jpg"
5567                                    onload="$(this).fadeIn();"
5568                                />
5569
5570                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
5570om.br/0381306/0381306.mp4" />
5571                    <div class="mediaProgressBar" style="display: none">
5572                        <div class="baseBar"></div>
5573                        <div class="percentBar" style="width: 0%"></div>
5574                    </div>
5575                </div>
5576            <div class="mediaSynopsi">
5577    @ -299,21 +288,10 @ button#btnCancelar {
5578  
5579                <div class="buttons">
5580                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5581                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/381306&amp;t=Uma%20Casa%20Sem%20Sa%C3%ADda");' class="buttom" data-type="facebook">
5582                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5583                    </div>
5584                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/381306&amp;text=Uma%20Casa%20Sem%20Sa%C3%ADda");' class="buttom" data-type="twitter">
5585                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5586                    </div>
5587                </div>
5588                <div class="text">
5589                    <div><strong>Uma Casa Sem Sa&#xED;da</strong></div>
5590                    <div>Uma mulher aluga uma casa em uma cidade-fantasma do Arizona. Mas a casa &#xE9; amaldi&#xE7;oada.</div>
5591                </div>
5592            </div>
5593        </div>
5594            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5595    </div>
5596</li>
5597
5598<script>
5599    var IdItemSelected;
5600
5601function onDeleteItem(idItem) {
5602    IdItemSelected = idItem;
5603    $('#modalConfirmacao').show();
5604}
5605    $(document).ready(function() {
5606        $('.close, #btnCancelar').unbind('click')
5607        $('.close, #btnCancelar').click(function() {
5608            $('#modalConfirmacao').hide();
5609        });
5610
5611        $('#btnConfirmar').unbind('click')
5612        $('#btnConfirmar').click(function() {
5613            Helpers.showLoading();
5614             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5615                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5616                $('#modalConfirmacao').hide();
5617            }).done(function (response) {
5618                if (JSON.parse(response).response.toLowerCase() == "true") {
5619                    location.reload();
5620                }
5621                else{
5622                    Helpers.hideLoading();
5623                }
5624            }).fail(function (erro) {
5625               console.log(erro.responseText)
5626            });
5627        });
5628    });
5629</script>
5629
5630
5631<style>
5632    .remove-icon {
5633        position: absolute;
5634        top: 10px;
5635        left: 10px;
5636        display: flex;
5637        align-items: center;
5638        opacity: 0;
5639        transition: opacity 0.3s ease;
5640    }
5641    .remove-icon img {
5642        width: 30px; 
5643        height: 30px;
5644        background-color: rgba(0, 0, 0, 0.7);
5645        border-radius: 5px;
5646    }
5647    .remove-icon span {
5648        font-size: 14px;
5649        color: #fff;
5650        background-color: rgba(0, 0, 0, 0.7);
5651        padding: 5px;
5652        border-radius: 3px;
5653        margin-left: 30px;
5654        display: none;
5655    }
5656    .media-image:hover .remove-icon {
5657        opacity: 1;
5658    }
5659    .remove-icon:hover span {
5660        display: inline-block; 
5661    }
5662    .modal {
5663        display: none; 
5664        position: fixed;
5665        z-index: 10000;
5666        left: 0;
5667        top: 0;
5668        width: 100%;
5669        height: 100%;
5670        background-color: rgba(0, 0, 0, 0.5);
5671    }
5672    .modal-content {
5673        background-color: white;
5674        margin: 15% auto;
5675        padding: 20px;
5676        border: 1px solid #888;
5677        width: 30%;
5678        text-align: center;
5679        position: relative;
5680        color: #444;
5681        z-index: 10;
5682    }
5683    .close {
5684        position: absolute;
5685        top: 10px;
5686        right: 15px;
5687        font-size: 20px;
5688        font-weight: bold;
5689        cursor: pointer;
5690    }
5691    button {
5692        margin: 10px;
5693        padding: 10px 20px;
5694        cursor: pointer;
5695    }
5696    button#btnCancelar {
5697        background-color: transparent;
5698        color: black;
5699        border: none;
5700    }
5701</style>
5702
5703<li itemscope itemtype="http://schema.org/ItemList" mediaid="424202">
5704    <div class="mediaContainer media-style"
5705         onmousemove="Hover.checkHoverPosition(event, $(this))"
5706         onmouseout="Hover.mobileOut(event, $(this))"
5707         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5708        <div class="item_loader"></div>
5709        <div class="priceContainer">
5710        </div>
5711        <div class="mediaHover">
5712            <div class="hoverContainerInfo">
5713                <div>
5714                    <div class="hoverTitle">
5715                        <div class="hoverTextTitle">At&#xE9; o &#xDA;ltimo Obst&#xE1;culo</div>
5716                            <div class="hoverInfoTitle">2023 (1h 30m)</div>
5717                    </div>
5718                </div>
5719                <div class="hoverContainerAge">
5720                    <div class="hoverAge movie-age movie-age-A14"></div>
5721                    <div class="hoverInfo">
5722                        <div class="movie-captionContainer">
5723                                <div class="movie-caption">Dublado</div>
5724                                <div class="movie-caption">Legendado</div>
5725                        </div>
5726                        <div class="hoverGenre">
5727                            Suspense, Drama
5728                        </div>
5729                    </div>
5730                </div>
5731            </div>
5732        </div>
5733        <div class="mediaCover">
5734           
5735            <div class="media-image">
5736                <div class="nameMedia" itemprop="name">At&#xE9; o &#xDA;ltimo Obst&#xE1;culo</div>
5737                <video onclick="Hover.details('/detalhes/424202')" muted loop src=""></video>
5738                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5739
5740                            <img draggable="false" onclick="Hover.details('/detalhes/424202')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="At&#xE9; o &#xDA;ltimo Obst&#xE1;culo" src="https://images-01.ottvs.com.br/0424202/0424202_335.jpg" loading="lazy" />
5741                            <img draggable="false" onclick="Hover.details('/detalhes/424202')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="At&#xE9; o &#xDA;ltimo Obst&#xE1;culo" src="https://images-01.ottvs.com.br/0424202/looke_1010_670.jpg" loading="lazy" />
5742
5743                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
5743om.br/0424202/0424202.mp4" />
5744                    <div class="mediaProgressBar" style="display: none">
5745                        <div class="baseBar"></div>
5746                        <div class="percentBar" style="width: 0%"></div>
5747                    </div>
5748                </div>
5749            <div class="mediaSynopsi">
5750    @ -299,21 +288,10 @ button#btnCancelar {
5751  
5752                <div class="buttons">
5753                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5754                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/424202&amp;t=At%C3%A9%20o%20%C3%9Altimo%20Obst%C3%A1culo");' class="buttom" data-type="facebook">
5755                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5756                    </div>
5757                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/424202&amp;text=At%C3%A9%20o%20%C3%9Altimo%20Obst%C3%A1culo");' class="buttom" data-type="twitter">
5758                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5759                    </div>
5760                </div>
5761                <div class="text">
5762                    <div><strong>At&#xE9; o &#xDA;ltimo Obst&#xE1;culo</strong></div>
5763                    <div>As hist&#xF3;rias dos passageiros de uma viagem de trem se conectam em um intricado jogo de xadrez.</div>
5764                </div>
5765            </div>
5766        </div>
5767            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5768    </div>
5769</li>
5770
5771<script>
5772    var IdItemSelected;
5773
5774function onDeleteItem(idItem) {
5775    IdItemSelected = idItem;
5776    $('#modalConfirmacao').show();
5777}
5778    $(document).ready(function() {
5779        $('.close, #btnCancelar').unbind('click')
5780        $('.close, #btnCancelar').click(function() {
5781            $('#modalConfirmacao').hide();
5782        });
5783
5784        $('#btnConfirmar').unbind('click')
5785        $('#btnConfirmar').click(function() {
5786            Helpers.showLoading();
5787             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5788                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5789                $('#modalConfirmacao').hide();
5790            }).done(function (response) {
5791                if (JSON.parse(response).response.toLowerCase() == "true") {
5792                    location.reload();
5793                }
5794                else{
5795                    Helpers.hideLoading();
5796                }
5797            }).fail(function (erro) {
5798               console.log(erro.responseText)
5799            });
5800        });
5801    });
5802</script>
5802
5803
5804<style>
5805    .remove-icon {
5806        position: absolute;
5807        top: 10px;
5808        left: 10px;
5809        display: flex;
5810        align-items: center;
5811        opacity: 0;
5812        transition: opacity 0.3s ease;
5813    }
5814    .remove-icon img {
5815        width: 30px; 
5816        height: 30px;
5817        background-color: rgba(0, 0, 0, 0.7);
5818        border-radius: 5px;
5819    }
5820    .remove-icon span {
5821        font-size: 14px;
5822        color: #fff;
5823        background-color: rgba(0, 0, 0, 0.7);
5824        padding: 5px;
5825        border-radius: 3px;
5826        margin-left: 30px;
5827        display: none;
5828    }
5829    .media-image:hover .remove-icon {
5830        opacity: 1;
5831    }
5832    .remove-icon:hover span {
5833        display: inline-block; 
5834    }
5835    .modal {
5836        display: none; 
5837        position: fixed;
5838        z-index: 10000;
5839        left: 0;
5840        top: 0;
5841        width: 100%;
5842        height: 100%;
5843        background-color: rgba(0, 0, 0, 0.5);
5844    }
5845    .modal-content {
5846        background-color: white;
5847        margin: 15% auto;
5848        padding: 20px;
5849        border: 1px solid #888;
5850        width: 30%;
5851        text-align: center;
5852        position: relative;
5853        color: #444;
5854        z-index: 10;
5855    }
5856    .close {
5857        position: absolute;
5858        top: 10px;
5859        right: 15px;
5860        font-size: 20px;
5861        font-weight: bold;
5862        cursor: pointer;
5863    }
5864    button {
5865        margin: 10px;
5866        padding: 10px 20px;
5867        cursor: pointer;
5868    }
5869    button#btnCancelar {
5870        background-color: transparent;
5871        color: black;
5872        border: none;
5873    }
5874</style>
5875
5876<li itemscope itemtype="http://schema.org/ItemList" mediaid="409519">
5877    <div class="mediaContainer media-style"
5878         onmousemove="Hover.checkHoverPosition(event, $(this))"
5879         onmouseout="Hover.mobileOut(event, $(this))"
5880         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
5881        <div class="item_loader"></div>
5882        <div class="priceContainer">
5883        </div>
5884        <div class="mediaHover">
5885            <div class="hoverContainerInfo">
5886                <div>
5887                    <div class="hoverTitle">
5888                        <div class="hoverTextTitle">Orgulho &amp; Revolu&#xE7;&#xE3;o</div>
5889                            <div class="hoverInfoTitle">2023 (1h 48m)</div>
5890                    </div>
5891                </div>
5892                <div class="hoverContainerAge">
5893                    <div class="hoverAge movie-age movie-age-A12"></div>
5894                    <div class="hoverInfo">
5895                        <div class="movie-captionContainer">
5896                                <div class="movie-caption">Dublado</div>
5897                                <div class="movie-caption">Legendado</div>
5898                        </div>
5899                        <div class="hoverGenre">
5900                            Drama
5901                        </div>
5902                    </div>
5903                </div>
5904            </div>
5905        </div>
5906        <div class="mediaCover">
5907           
5908            <div class="media-image">
5909                <div class="nameMedia" itemprop="name">Orgulho &amp; Revolu&#xE7;&#xE3;o</div>
5910                <video onclick="Hover.details('/detalhes/409519')" muted loop src=""></video>
5911                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
5912
5913                                <img
5914                                    draggable="false"
5915                                    loading="lazy"
5916                                    onclick="Hover.details('/detalhes/409519')"
5917                                    onerror="this.src=''; this.onerror = null;"
5918                                    class="imgStyle_landscape imgBase"
5919                                    itemprop="image"
5920                                    alt="Orgulho &amp; Revolu&#xE7;&#xE3;o"
5921                                    src="https://images-01.ottvs.com.br/0409519/0002/0409519_335.jpg"
5922                                    onload="$(this).fadeIn();"
5923                                />
5924
5925                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
5925om.br/0409519/0409519.mp4" />
5926                    <div class="mediaProgressBar" style="display: none">
5927                        <div class="baseBar"></div>
5928                        <div class="percentBar" style="width: 0%"></div>
5929                    </div>
5930                </div>
5931            <div class="mediaSynopsi">
5932    @ -299,21 +288,10 @ button#btnCancelar {
5933  
5934                <div class="buttons">
5935                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
5936                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/409519&amp;t=Orgulho%20%26%20Revolu%C3%A7%C3%A3o");' class="buttom" data-type="facebook">
5937                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
5938                    </div>
5939                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/409519&amp;text=Orgulho%20%26%20Revolu%C3%A7%C3%A3o");' class="buttom" data-type="twitter">
5940                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
5941                    </div>
5942                </div>
5943                <div class="text">
5944                    <div><strong>Orgulho &amp; Revolu&#xE7;&#xE3;o</strong></div>
5945                    <div>Miguel &#xE9; um jovem gay que se tornou o primeiro membro de sua fam&#xED;lia a entrar em uma faculdade, mas sonha em participar de um concurso musical.</div>
5946                </div>
5947            </div>
5948        </div>
5949            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
5950    </div>
5951</li>
5952
5953<script>
5954    var IdItemSelected;
5955
5956function onDeleteItem(idItem) {
5957    IdItemSelected = idItem;
5958    $('#modalConfirmacao').show();
5959}
5960    $(document).ready(function() {
5961        $('.close, #btnCancelar').unbind('click')
5962        $('.close, #btnCancelar').click(function() {
5963            $('#modalConfirmacao').hide();
5964        });
5965
5966        $('#btnConfirmar').unbind('click')
5967        $('#btnConfirmar').click(function() {
5968            Helpers.showLoading();
5969             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
5970                $(`[mediaid=${IdItemSelected}]`).fadeOut();
5971                $('#modalConfirmacao').hide();
5972            }).done(function (response) {
5973                if (JSON.parse(response).response.toLowerCase() == "true") {
5974                    location.reload();
5975                }
5976                else{
5977                    Helpers.hideLoading();
5978                }
5979            }).fail(function (erro) {
5980               console.log(erro.responseText)
5981            });
5982        });
5983    });
5984</script>
5984
5985
5986<style>
5987    .remove-icon {
5988        position: absolute;
5989        top: 10px;
5990        left: 10px;
5991        display: flex;
5992        align-items: center;
5993        opacity: 0;
5994        transition: opacity 0.3s ease;
5995    }
5996    .remove-icon img {
5997        width: 30px; 
5998        height: 30px;
5999        background-color: rgba(0, 0, 0, 0.7);
6000        border-radius: 5px;
6001    }
6002    .remove-icon span {
6003        font-size: 14px;
6004        color: #fff;
6005        background-color: rgba(0, 0, 0, 0.7);
6006        padding: 5px;
6007        border-radius: 3px;
6008        margin-left: 30px;
6009        display: none;
6010    }
6011    .media-image:hover .remove-icon {
6012        opacity: 1;
6013    }
6014    .remove-icon:hover span {
6015        display: inline-block; 
6016    }
6017    .modal {
6018        display: none; 
6019        position: fixed;
6020        z-index: 10000;
6021        left: 0;
6022        top: 0;
6023        width: 100%;
6024        height: 100%;
6025        background-color: rgba(0, 0, 0, 0.5);
6026    }
6027    .modal-content {
6028        background-color: white;
6029        margin: 15% auto;
6030        padding: 20px;
6031        border: 1px solid #888;
6032        width: 30%;
6033        text-align: center;
6034        position: relative;
6035        color: #444;
6036        z-index: 10;
6037    }
6038    .close {
6039        position: absolute;
6040        top: 10px;
6041        right: 15px;
6042        font-size: 20px;
6043        font-weight: bold;
6044        cursor: pointer;
6045    }
6046    button {
6047        margin: 10px;
6048        padding: 10px 20px;
6049        cursor: pointer;
6050    }
6051    button#btnCancelar {
6052        background-color: transparent;
6053        color: black;
6054        border: none;
6055    }
6056</style>
6057
6058<li itemscope itemtype="http://schema.org/ItemList" mediaid="275720">
6059    <div class="mediaContainer media-style"
6060         onmousemove="Hover.checkHoverPosition(event, $(this))"
6061         onmouseout="Hover.mobileOut(event, $(this))"
6062         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6063        <div class="item_loader"></div>
6064        <div class="priceContainer">
6065        </div>
6066        <div class="mediaHover">
6067            <div class="hoverContainerInfo">
6068                <div>
6069                    <div class="hoverTitle">
6070                        <div class="hoverTextTitle">Linhas Opostas</div>
6071                            <div class="hoverInfoTitle">2020 (1h 26m)</div>
6072                    </div>
6073                </div>
6074                <div class="hoverContainerAge">
6075                    <div class="hoverAge movie-age movie-age-A14"></div>
6076                    <div class="hoverInfo">
6077                        <div class="movie-captionContainer">
6078                                <div class="movie-caption">Dublado</div>
6079                                <div class="movie-caption">Legendado</div>
6080                        </div>
6081                        <div class="hoverGenre">
6082                            Drama, Esporte
6083                        </div>
6084                    </div>
6085                </div>
6086            </div>
6087        </div>
6088        <div class="mediaCover">
6089           
6090            <div class="media-image">
6091                <div class="nameMedia" itemprop="name">Linhas Opostas</div>
6092                <video onclick="Hover.details('/detalhes/275720')" muted loop src=""></video>
6093                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6094
6095                                <img
6096                                    draggable="false"
6097                                    loading="lazy"
6098                                    onclick="Hover.details('/detalhes/275720')"
6099                                    onerror="this.src=''; this.onerror = null;"
6100                                    class="imgStyle_landscape imgBase"
6101                                    itemprop="image"
6102                                    alt="Linhas Opostas"
6103                                    src="https://images-01.ottvs.com.br/0275720/0001/0275720_335.jpg"
6104                                    onload="$(this).fadeIn();"
6105                                />
6106
6107                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0275720/0275720.mp4" />
6108                    <div class="mediaProgressBar" style="display: none">
6109                        <div class="baseBar"></div>
6110                        <div class="percentBar" style="width: 0%"></div>
6111                    </div>
6112                </div>
6113            <div class="mediaSynopsi">
6114    @ -299,21 +288,10 @ button#btnCancelar {
6115  
6116                <div class="buttons">
6117                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6118                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/275720&amp;t=Linhas%20Opostas");' class="buttom" data-type="facebook">
6119                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6120                    </div>
6121                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/275720&amp;text=Linhas%20Opostas");' class="buttom" data-type="twitter">
6122                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6123                    </div>
6124                </div>
6125                <div class="text">
6126                    <div><strong>Linhas Opostas</strong></div>
6127                    <div>Inspirado na hist&#xF3;ria real do medalhista ol&#xED;mpico Ian Thorpe. Aos 15 anos, o prod&#xED;gio da nata&#xE7;&#xE3;o Benjamin Lane est&#xE1; prestes a encarar a maior competi&#xE7;&#xE3;o de sua vida, podendo at&#xE9; chegar &#xE0;s Olimp&#xED;adas.</div>
6128                </div>
6129            </div>
6130        </div>
6131            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6132    </div>
6133</li>
6134
6135<script>
6136    var IdItemSelected;
6137
6138function onDeleteItem(idItem) {
6139    IdItemSelected = idItem;
6140    $('#modalConfirmacao').show();
6141}
6142    $(document).ready(function() {
6143        $('.close, #btnCancelar').unbind('click')
6144        $('.close, #btnCancelar').click(function() {
6145            $('#modalConfirmacao').hide();
6146        });
6147
6148        $('#btnConfirmar').unbind('click')
6149        $('#btnConfirmar').click(function() {
6150            Helpers.showLoading();
6151             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6152                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6153                $('#modalConfirmacao').hide();
6154            }).done(function (response) {
6155                if (JSON.parse(response).response.toLowerCase() == "true") {
6156                    location.reload();
6157                }
6158                else{
6159                    Helpers.hideLoading();
6160                }
6161            }).fail(function (erro) {
6162               console.log(erro.responseText)
6163            });
6164        });
6165    });
6166</script>
6166
6167
6168<style>
6169    .remove-icon {
6170        position: absolute;
6171        top: 10px;
6172        left: 10px;
6173        display: flex;
6174        align-items: center;
6175        opacity: 0;
6176        transition: opacity 0.3s ease;
6177    }
6178    .remove-icon img {
6179        width: 30px; 
6180        height: 30px;
6181        background-color: rgba(0, 0, 0, 0.7);
6182        border-radius: 5px;
6183    }
6184    .remove-icon span {
6185        font-size: 14px;
6186        color: #fff;
6187        background-color: rgba(0, 0, 0, 0.7);
6188        padding: 5px;
6189        border-radius: 3px;
6190        margin-left: 30px;
6191        display: none;
6192    }
6193    .media-image:hover .remove-icon {
6194        opacity: 1;
6195    }
6196    .remove-icon:hover span {
6197        display: inline-block; 
6198    }
6199    .modal {
6200        display: none; 
6201        position: fixed;
6202        z-index: 10000;
6203        left: 0;
6204        top: 0;
6205        width: 100%;
6206        height: 100%;
6207        background-color: rgba(0, 0, 0, 0.5);
6208    }
6209    .modal-content {
6210        background-color: white;
6211        margin: 15% auto;
6212        padding: 20px;
6213        border: 1px solid #888;
6214        width: 30%;
6215        text-align: center;
6216        position: relative;
6217        color: #444;
6218        z-index: 10;
6219    }
6220    .close {
6221        position: absolute;
6222        top: 10px;
6223        right: 15px;
6224        font-size: 20px;
6225        font-weight: bold;
6226        cursor: pointer;
6227    }
6228    button {
6229        margin: 10px;
6230        padding: 10px 20px;
6231        cursor: pointer;
6232    }
6233    button#btnCancelar {
6234        background-color: transparent;
6235        color: black;
6236        border: none;
6237    }
6238</style>
6239
6240<li itemscope itemtype="http://schema.org/ItemList" mediaid="435596">
6241    <div class="mediaContainer media-style"
6242         onmousemove="Hover.checkHoverPosition(event, $(this))"
6243         onmouseout="Hover.mobileOut(event, $(this))"
6244         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6245        <div class="item_loader"></div>
6246        <div class="priceContainer">
6247        </div>
6248        <div class="mediaHover">
6249            <div class="hoverContainerInfo">
6250                <div>
6251                    <div class="hoverTitle">
6252                        <div class="hoverTextTitle">Um Pai Para Minha Filha</div>
6253                            <div class="hoverInfoTitle">2023 (1h 24m)</div>
6254                    </div>
6255                </div>
6256                <div class="hoverContainerAge">
6257                    <div class="hoverAge movie-age movie-age-A0"></div>
6258                    <div class="hoverInfo">
6259                        <div class="movie-captionContainer">
6260                                <div class="movie-caption">Dublado</div>
6261                                <div class="movie-caption">Legendado</div>
6262                        </div>
6263                        <div class="hoverGenre">
6264                            Com&#xE9;dia, Drama, Infantil
6265                        </div>
6266                    </div>
6267                </div>
6268            </div>
6269        </div>
6270        <div class="mediaCover">
6271           
6272            <div class="media-image">
6273                <div class="nameMedia" itemprop="name">Um Pai Para Minha Filha</div>
6274                <video onclick="Hover.details('/detalhes/435596')" muted loop src=""></video>
6275                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6276
6277                            <img draggable="false" onclick="Hover.details('/detalhes/435596')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Um Pai Para Minha Filha" src="https://images-01.ottvs.com.br/0435596/0435596_335.jpg" loading="lazy" />
6278                            <img draggable="false" onclick="Hover.details('/detalhes/435596')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Um Pai Para Minha Filha" src="https://images-01.ottvs.com.br/0435596/looke_1010_670.jpg" loading="lazy" />
6279
6280                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0435596/0435596.mp4" />
6281                    <div class="mediaProgressBar" style="display: none">
6282                        <div class="baseBar"></div>
6283                        <div class="percentBar" style="width: 0%"></div>
6284                    </div>
6285                </div>
6286            <div class="mediaSynopsi">
6287    @ -299,21 +288,10 @ button#btnCancelar {
6288  
6289                <div class="buttons">
6290                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6291                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/435596&amp;t=Um%20Pai%20Para%20Minha%20Filha");' class="buttom" data-type="facebook">
6292                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6293                    </div>
6294                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/435596&amp;text=Um%20Pai%20Para%20Minha%20Filha");' class="buttom" data-type="twitter">
6295                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6296                    </div>
6297                </div>
6298                <div class="text">
6299                    <div><strong>Um Pai Para Minha Filha</strong></div>
6300                    <div>A vida de uma garota de 12 anos muda completamente ap&#xF3;s receber a visita do pai que nunca conheceu.</div>
6301                </div>
6302            </div>
6303        </div>
6304            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6305    </div>
6306</li>
6307
6308<script>
6309    var IdItemSelected;
6310
6311function onDeleteItem(idItem) {
6312    IdItemSelected = idItem;
6313    $('#modalConfirmacao').show();
6314}
6315    $(document).ready(function() {
6316        $('.close, #btnCancelar').unbind('click')
6317        $('.close, #btnCancelar').click(function() {
6318            $('#modalConfirmacao').hide();
6319        });
6320
6321        $('#btnConfirmar').unbind('click')
6322        $('#btnConfirmar').click(function() {
6323            Helpers.showLoading();
6324             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6325                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6326                $('#modalConfirmacao').hide();
6327            }).done(function (response) {
6328                if (JSON.parse(response).response.toLowerCase() == "true") {
6329                    location.reload();
6330                }
6331                else{
6332                    Helpers.hideLoading();
6333                }
6334            }).fail(function (erro) {
6335               console.log(erro.responseText)
6336            });
6337        });
6338    });
6339</script>
6339
6340
6341<style>
6342    .remove-icon {
6343        position: absolute;
6344        top: 10px;
6345        left: 10px;
6346        display: flex;
6347        align-items: center;
6348        opacity: 0;
6349        transition: opacity 0.3s ease;
6350    }
6351    .remove-icon img {
6352        width: 30px; 
6353        height: 30px;
6354        background-color: rgba(0, 0, 0, 0.7);
6355        border-radius: 5px;
6356    }
6357    .remove-icon span {
6358        font-size: 14px;
6359        color: #fff;
6360        background-color: rgba(0, 0, 0, 0.7);
6361        padding: 5px;
6362        border-radius: 3px;
6363        margin-left: 30px;
6364        display: none;
6365    }
6366    .media-image:hover .remove-icon {
6367        opacity: 1;
6368    }
6369    .remove-icon:hover span {
6370        display: inline-block; 
6371    }
6372    .modal {
6373        display: none; 
6374        position: fixed;
6375        z-index: 10000;
6376        left: 0;
6377        top: 0;
6378        width: 100%;
6379        height: 100%;
6380        background-color: rgba(0, 0, 0, 0.5);
6381    }
6382    .modal-content {
6383        background-color: white;
6384        margin: 15% auto;
6385        padding: 20px;
6386        border: 1px solid #888;
6387        width: 30%;
6388        text-align: center;
6389        position: relative;
6390        color: #444;
6391        z-index: 10;
6392    }
6393    .close {
6394        position: absolute;
6395        top: 10px;
6396        right: 15px;
6397        font-size: 20px;
6398        font-weight: bold;
6399        cursor: pointer;
6400    }
6401    button {
6402        margin: 10px;
6403        padding: 10px 20px;
6404        cursor: pointer;
6405    }
6406    button#btnCancelar {
6407        background-color: transparent;
6408        color: black;
6409        border: none;
6410    }
6411</style>
6412
6413<li itemscope itemtype="http://schema.org/ItemList" mediaid="364909">
6414    <div class="mediaContainer media-style"
6415         onmousemove="Hover.checkHoverPosition(event, $(this))"
6416         onmouseout="Hover.mobileOut(event, $(this))"
6417         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6418        <div class="item_loader"></div>
6419        <div class="priceContainer">
6420        </div>
6421        <div class="mediaHover">
6422            <div class="hoverContainerInfo">
6423                <div>
6424                    <div class="hoverTitle">
6425                        <div class="hoverTextTitle">Meu Cora&#xE7;&#xE3;o s&#xF3; Ir&#xE1; Bater se Voc&#xEA; Pedir</div>
6426                            <div class="hoverInfoTitle">2020 (1h 29m)</div>
6427                    </div>
6428                </div>
6429                <div class="hoverContainerAge">
6430                    <div class="hoverAge movie-age movie-age-16"></div>
6431                    <div class="hoverInfo">
6432                        <div class="movie-captionContainer">
6433                                <div class="movie-caption">Dublado</div>
6434                                <div class="movie-caption">Legendado</div>
6435                        </div>
6436                        <div class="hoverGenre">
6437                            Terror, Drama, Suspense
6438                        </div>
6439                    </div>
6440                </div>
6441            </div>
6442        </div>
6443        <div class="mediaCover">
6444           
6445            <div class="media-image">
6446                <div class="nameMedia" itemprop="name">Meu Cora&#xE7;&#xE3;o s&#xF3; Ir&#xE1; Bater se Voc&#xEA; Pedir</div>
6447                <video onclick="Hover.details('/detalhes/364909')" muted loop src=""></video>
6448                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6449
6450                                <img
6451                                    draggable="false"
6452                                    loading="lazy"
6453                                    onclick="Hover.details('/detalhes/364909')"
6454                                    onerror="this.src=''; this.onerror = null;"
6455                                    class="imgStyle_landscape imgBase"
6456                                    itemprop="image"
6457                                    alt="Meu Cora&#xE7;&#xE3;o s&#xF3; Ir&#xE1; Bater se Voc&#xEA; Pedir"
6458                                    src="https://images-01.ottvs.com.br/0364909/0364909_335.jpg"
6459                                    onload="$(this).fadeIn();"
6460                                />
6461
6462                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
6462om.br/0364909/0364909.mp4" />
6463                    <div class="mediaProgressBar" style="display: none">
6464                        <div class="baseBar"></div>
6465                        <div class="percentBar" style="width: 0%"></div>
6466                    </div>
6467                </div>
6468            <div class="mediaSynopsi">
6469    @ -299,21 +288,10 @ button#btnCancelar {
6470  
6471                <div class="buttons">
6472                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6473                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/364909&amp;t=Meu%20Cora%C3%A7%C3%A3o%20s%C3%B3%20Ir%C3%A1%20Bater%20se%20Voc%C3%AA%20Pedir");' class="buttom" data-type="facebook">
6474                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6475                    </div>
6476                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/364909&amp;text=Meu%20Cora%C3%A7%C3%A3o%20s%C3%B3%20Ir%C3%A1%20Bater%20se%20Voc%C3%AA%20Pedir");' class="buttom" data-type="twitter">
6477                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6478                    </div>
6479                </div>
6480                <div class="text">
6481                    <div><strong>Meu Cora&#xE7;&#xE3;o s&#xF3; Ir&#xE1; Bater se Voc&#xEA; Pedir</strong></div>
6482                    <div>Todas as noites Dwight procura por v&#xED;timas solit&#xE1;rias e desamparadas que ningu&#xE9;m sentir&#xE1; falta.</div>
6483                </div>
6484            </div>
6485        </div>
6486            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6487    </div>
6488</li>
6489
6490<script>
6491    var IdItemSelected;
6492
6493function onDeleteItem(idItem) {
6494    IdItemSelected = idItem;
6495    $('#modalConfirmacao').show();
6496}
6497    $(document).ready(function() {
6498        $('.close, #btnCancelar').unbind('click')
6499        $('.close, #btnCancelar').click(function() {
6500            $('#modalConfirmacao').hide();
6501        });
6502
6503        $('#btnConfirmar').unbind('click')
6504        $('#btnConfirmar').click(function() {
6505            Helpers.showLoading();
6506             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6507                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6508                $('#modalConfirmacao').hide();
6509            }).done(function (response) {
6510                if (JSON.parse(response).response.toLowerCase() == "true") {
6511                    location.reload();
6512                }
6513                else{
6514                    Helpers.hideLoading();
6515                }
6516            }).fail(function (erro) {
6517               console.log(erro.responseText)
6518            });
6519        });
6520    });
6521</script>
6521
6522
6523<style>
6524    .remove-icon {
6525        position: absolute;
6526        top: 10px;
6527        left: 10px;
6528        display: flex;
6529        align-items: center;
6530        opacity: 0;
6531        transition: opacity 0.3s ease;
6532    }
6533    .remove-icon img {
6534        width: 30px; 
6535        height: 30px;
6536        background-color: rgba(0, 0, 0, 0.7);
6537        border-radius: 5px;
6538    }
6539    .remove-icon span {
6540        font-size: 14px;
6541        color: #fff;
6542        background-color: rgba(0, 0, 0, 0.7);
6543        padding: 5px;
6544        border-radius: 3px;
6545        margin-left: 30px;
6546        display: none;
6547    }
6548    .media-image:hover .remove-icon {
6549        opacity: 1;
6550    }
6551    .remove-icon:hover span {
6552        display: inline-block; 
6553    }
6554    .modal {
6555        display: none; 
6556        position: fixed;
6557        z-index: 10000;
6558        left: 0;
6559        top: 0;
6560        width: 100%;
6561        height: 100%;
6562        background-color: rgba(0, 0, 0, 0.5);
6563    }
6564    .modal-content {
6565        background-color: white;
6566        margin: 15% auto;
6567        padding: 20px;
6568        border: 1px solid #888;
6569        width: 30%;
6570        text-align: center;
6571        position: relative;
6572        color: #444;
6573        z-index: 10;
6574    }
6575    .close {
6576        position: absolute;
6577        top: 10px;
6578        right: 15px;
6579        font-size: 20px;
6580        font-weight: bold;
6581        cursor: pointer;
6582    }
6583    button {
6584        margin: 10px;
6585        padding: 10px 20px;
6586        cursor: pointer;
6587    }
6588    button#btnCancelar {
6589        background-color: transparent;
6590        color: black;
6591        border: none;
6592    }
6593</style>
6594
6595<li itemscope itemtype="http://schema.org/ItemList" mediaid="475903">
6596    <div class="mediaContainer media-style"
6597         onmousemove="Hover.checkHoverPosition(event, $(this))"
6598         onmouseout="Hover.mobileOut(event, $(this))"
6599         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6600        <div class="item_loader"></div>
6601        <div class="priceContainer">
6602        </div>
6603        <div class="mediaHover">
6604            <div class="hoverContainerInfo">
6605                <div>
6606                    <div class="hoverTitle">
6607                        <div class="hoverTextTitle">O Soldado Desaparecido</div>
6608                            <div class="hoverInfoTitle">2023 (1h 36m)</div>
6609                    </div>
6610                </div>
6611                <div class="hoverContainerAge">
6612                    <div class="hoverAge movie-age movie-age-A14"></div>
6613                    <div class="hoverInfo">
6614                        <div class="movie-captionContainer">
6615                                <div class="movie-caption">Dublado</div>
6616                                <div class="movie-caption">Legendado</div>
6617                        </div>
6618                        <div class="hoverGenre">
6619                            Suspense, Guerra, Drama
6620                        </div>
6621                    </div>
6622                </div>
6623            </div>
6624        </div>
6625        <div class="mediaCover">
6626           
6627            <div class="media-image">
6628                <div class="nameMedia" itemprop="name">O Soldado Desaparecido</div>
6629                <video onclick="Hover.details('/detalhes/475903')" muted loop src=""></video>
6630                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6631
6632                            <img draggable="false" onclick="Hover.details('/detalhes/475903')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="O Soldado Desaparecido" src="https://images-01.ottvs.com.br/0475903/0475903_335.jpg" loading="lazy" />
6633                            <img draggable="false" onclick="Hover.details('/detalhes/475903')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="O Soldado Desaparecido" src="https://images-01.ottvs.com.br/0475903/looke_1010_670.jpg" loading="lazy" />
6634
6635                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0475903/0475903.mp4" />
6636                    <div class="mediaProgressBar" style="display: none">
6637                        <div class="baseBar"></div>
6638                        <div class="percentBar" style="width: 0%"></div>
6639                    </div>
6640                </div>
6641            <div class="mediaSynopsi">
6642    @ -299,21 +288,10 @ button#btnCancelar {
6643  
6644                <div class="buttons">
6645                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6646                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/475903&amp;
6646t=O%20Soldado%20Desaparecido");' class="buttom" data-type="facebook">
6647                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6648                    </div>
6649                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/475903&amp;text=O%20Soldado%20Desaparecido");' class="buttom" data-type="twitter">
6650                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6651                    </div>
6652                </div>
6653                <div class="text">
6654                    <div><strong>O Soldado Desaparecido</strong></div>
6655                    <div>Um soldado israelense foge do campo de batalha para reencontrar sua namorada em Tel Aviv.</div>
6656                </div>
6657            </div>
6658        </div>
6659            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6660    </div>
6661</li>
6662
6663<script>
6664    var IdItemSelected;
6665
6666function onDeleteItem(idItem) {
6667    IdItemSelected = idItem;
6668    $('#modalConfirmacao').show();
6669}
6670    $(document).ready(function() {
6671        $('.close, #btnCancelar').unbind('click')
6672        $('.close, #btnCancelar').click(function() {
6673            $('#modalConfirmacao').hide();
6674        });
6675
6676        $('#btnConfirmar').unbind('click')
6677        $('#btnConfirmar').click(function() {
6678            Helpers.showLoading();
6679             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6680                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6681                $('#modalConfirmacao').hide();
6682            }).done(function (response) {
6683                if (JSON.parse(response).response.toLowerCase() == "true") {
6684                    location.reload();
6685                }
6686                else{
6687                    Helpers.hideLoading();
6688                }
6689            }).fail(function (erro) {
6690               console.log(erro.responseText)
6691            });
6692        });
6693    });
6694</script>
6694
6695
6696<style>
6697    .remove-icon {
6698        position: absolute;
6699        top: 10px;
6700        left: 10px;
6701        display: flex;
6702        align-items: center;
6703        opacity: 0;
6704        transition: opacity 0.3s ease;
6705    }
6706    .remove-icon img {
6707        width: 30px; 
6708        height: 30px;
6709        background-color: rgba(0, 0, 0, 0.7);
6710        border-radius: 5px;
6711    }
6712    .remove-icon span {
6713        font-size: 14px;
6714        color: #fff;
6715        background-color: rgba(0, 0, 0, 0.7);
6716        padding: 5px;
6717        border-radius: 3px;
6718        margin-left: 30px;
6719        display: none;
6720    }
6721    .media-image:hover .remove-icon {
6722        opacity: 1;
6723    }
6724    .remove-icon:hover span {
6725        display: inline-block; 
6726    }
6727    .modal {
6728        display: none; 
6729        position: fixed;
6730        z-index: 10000;
6731        left: 0;
6732        top: 0;
6733        width: 100%;
6734        height: 100%;
6735        background-color: rgba(0, 0, 0, 0.5);
6736    }
6737    .modal-content {
6738        background-color: white;
6739        margin: 15% auto;
6740        padding: 20px;
6741        border: 1px solid #888;
6742        width: 30%;
6743        text-align: center;
6744        position: relative;
6745        color: #444;
6746        z-index: 10;
6747    }
6748    .close {
6749        position: absolute;
6750        top: 10px;
6751        right: 15px;
6752        font-size: 20px;
6753        font-weight: bold;
6754        cursor: pointer;
6755    }
6756    button {
6757        margin: 10px;
6758        padding: 10px 20px;
6759        cursor: pointer;
6760    }
6761    button#btnCancelar {
6762        background-color: transparent;
6763        color: black;
6764        border: none;
6765    }
6766</style>
6767
6768<li itemscope itemtype="http://schema.org/ItemList" mediaid="418701">
6769    <div class="mediaContainer media-style"
6770         onmousemove="Hover.checkHoverPosition(event, $(this))"
6771         onmouseout="Hover.mobileOut(event, $(this))"
6772         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6773        <div class="item_loader"></div>
6774        <div class="priceContainer">
6775        </div>
6776        <div class="mediaHover">
6777            <div class="hoverContainerInfo">
6778                <div>
6779                    <div class="hoverTitle">
6780                        <div class="hoverTextTitle">Um Bom Dia Para Morrer</div>
6781                            <div class="hoverInfoTitle">2023 (1h 19m)</div>
6782                    </div>
6783                </div>
6784                <div class="hoverContainerAge">
6785                    <div class="hoverAge movie-age movie-age-A16"></div>
6786                    <div class="hoverInfo">
6787                        <div class="movie-captionContainer">
6788                                <div class="movie-caption">Dublado</div>
6789                                <div class="movie-caption">Legendado</div>
6790                        </div>
6791                        <div class="hoverGenre">
6792                            A&#xE7;&#xE3;o, Drama, Suspense
6793                        </div>
6794                    </div>
6795                </div>
6796            </div>
6797        </div>
6798        <div class="mediaCover">
6799           
6800            <div class="media-image">
6801                <div class="nameMedia" itemprop="name">Um Bom Dia Para Morrer</div>
6802                <video onclick="Hover.details('/detalhes/418701')" muted loop src=""></video>
6803                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6804
6805                            <img draggable="false" onclick="Hover.details('/detalhes/418701')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Um Bom Dia Para Morrer" src="https://images-01.ottvs.com.br/0418701/0418701_335.jpg" loading="lazy" />
6806                            <img draggable="false" onclick="Hover.details('/detalhes/418701')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Um Bom Dia Para Morrer" src="https://images-01.ottvs.com.br/0418701/looke_1010_670.jpg" loading="lazy" />
6807
6808                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0418701/0418701.mp4" />
6809                    <div class="mediaProgressBar" style="display: none">
6810                        <div class="baseBar"></div>
6811                        <div class="percentBar" style="width: 0%"></div>
6812                    </div>
6813                </div>
6814            <div class="mediaSynopsi">
6815    @ -299,21 +288,10 @ button#btnCancelar {
6816  
6817                <div class="buttons">
6818                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6819                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/418701&amp;t=Um%20Bom%20Dia%20Para%20Morrer");' class="buttom" data-type="facebook">
6820                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6821                    </div>
6822                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/418701&amp;text=Um%20Bom%20Dia%20Para%20Morrer");' class="buttom" data-type="twitter">
6823                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6824                    </div>
6825                </div>
6826                <div class="text">
6827                    <div><strong>Um Bom Dia Para Morrer</strong></div>
6828                    <div>Abe &#xE9; um chef&#xE3;o do crime com m&#xFA;ltiplas personalidades. Kane &#xE9; a sua personalidade mais perigosa.</div>
6829                </div>
6830            </div>
6831        </div>
6832            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
6833    </div>
6834</li>
6835
6836<script>
6837    var IdItemSelected;
6838
6839function onDeleteItem(idItem) {
6840    IdItemSelected = idItem;
6841    $('#modalConfirmacao').show();
6842}
6843    $(document).ready(function() {
6844        $('.close, #btnCancelar').unbind('click')
6845        $('.close, #btnCancelar').click(function() {
6846            $('#modalConfirmacao').hide();
6847        });
6848
6849        $('#btnConfirmar').unbind('click')
6850        $('#btnConfirmar').click(function() {
6851            Helpers.showLoading();
6852             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
6853                $(`[mediaid=${IdItemSelected}]`).fadeOut();
6854                $('#modalConfirmacao').hide();
6855            }).done(function (response) {
6856                if (JSON.parse(response).response.toLowerCase() == "true") {
6857                    location.reload();
6858                }
6859                else{
6860                    Helpers.hideLoading();
6861                }
6862            }).fail(function (erro) {
6863               console.log(erro.responseText)
6864            });
6865        });
6866    });
6867</script>
6867
6868
6869<style>
6870    .remove-icon {
6871        position: absolute;
6872        top: 10px;
6873        left: 10px;
6874        display: flex;
6875        align-items: center;
6876        opacity: 0;
6877        transition: opacity 0.3s ease;
6878    }
6879    .remove-icon img {
6880        width: 30px; 
6881        height: 30px;
6882        background-color: rgba(0, 0, 0, 0.7);
6883        border-radius: 5px;
6884    }
6885    .remove-icon span {
6886        font-size: 14px;
6887        color: #fff;
6888        background-color: rgba(0, 0, 0, 0.7);
6889        padding: 5px;
6890        border-radius: 3px;
6891        margin-left: 30px;
6892        display: none;
6893    }
6894    .media-image:hover .remove-icon {
6895        opacity: 1;
6896    }
6897    .remove-icon:hover span {
6898        display: inline-block; 
6899    }
6900    .modal {
6901        display: none; 
6902        position: fixed;
6903        z-index: 10000;
6904        left: 0;
6905        top: 0;
6906        width: 100%;
6907        height: 100%;
6908        background-color: rgba(0, 0, 0, 0.5);
6909    }
6910    .modal-content {
6911        background-color: white;
6912        margin: 15% auto;
6913        padding: 20px;
6914        border: 1px solid #888;
6915        width: 30%;
6916        text-align: center;
6917        position: relative;
6918        color: #444;
6919        z-index: 10;
6920    }
6921    .close {
6922        position: absolute;
6923        top: 10px;
6924        right: 15px;
6925        font-size: 20px;
6926        font-weight: bold;
6927        cursor: pointer;
6928    }
6929    button {
6930        margin: 10px;
6931        padding: 10px 20px;
6932        cursor: pointer;
6933    }
6934    button#btnCancelar {
6935        background-color: transparent;
6936        color: black;
6937        border: none;
6938    }
6939</style>
6940
6941<li itemscope itemtype="http://schema.org/ItemList" mediaid="411461">
6942    <div class="mediaContainer media-style"
6943         onmousemove="Hover.checkHoverPosition(event, $(this))"
6944         onmouseout="Hover.mobileOut(event, $(this))"
6945         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
6946        <div class="item_loader"></div>
6947        <div class="priceContainer">
6948        </div>
6949        <div class="mediaHover">
6950            <div class="hoverContainerInfo">
6951                <div>
6952                    <div class="hoverTitle">
6953                        <div class="hoverTextTitle">Em D&#xED;vida com a Sorte</div>
6954                            <div class="hoverInfoTitle">2020 (1h 41m)</div>
6955                    </div>
6956                </div>
6957                <div class="hoverContainerAge">
6958                    <div class="hoverAge movie-age movie-age-A14"></div>
6959                    <div class="hoverInfo">
6960                        <div class="movie-captionContainer">
6961                                <div class="movie-caption">Dublado</div>
6962                                <div class="movie-caption">Legendado</div>
6963                        </div>
6964                        <div class="hoverGenre">
6965                            Suspense, Policial, Com&#xE9;dia, Drama
6966                        </div>
6967                    </div>
6968                </div>
6969            </div>
6970        </div>
6971        <div class="mediaCover">
6972           
6973            <div class="media-image">
6974                <div class="nameMedia" itemprop="name">Em D&#xED;vida com a Sorte</div>
6975                <video onclick="Hover.details('/detalhes/411461')" muted loop src=""></video>
6976                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
6977
6978                            <img draggable="false" onclick="Hover.details('/detalhes/411461')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Em D&#xED;vida com a Sorte" src="https://images-01.ottvs.com.br/0411461/0411461_335.jpg" loading="lazy" />
6979                            <img draggable="false" onclick="Hover.details('/detalhes/411461')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Em D&#xED;vida com a Sorte" src="https://images-01.ottvs.com.br/0411461/looke_1010_670.jpg" loading="lazy" />
6980
6981                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
6981om.br/0411461/0411461.mp4" />
6982                    <div class="mediaProgressBar" style="display: none">
6983                        <div class="baseBar"></div>
6984                        <div class="percentBar" style="width: 0%"></div>
6985                    </div>
6986                </div>
6987            <div class="mediaSynopsi">
6988    @ -299,21 +288,10 @ button#btnCancelar {
6989  
6990                <div class="buttons">
6991                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
6992                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/411461&amp;t=Em%20D%C3%ADvida%20com%20a%20Sorte");' class="buttom" data-type="facebook">
6993                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
6994                    </div>
6995                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/411461&amp;text=Em%20D%C3%ADvida%20com%20a%20Sorte");' class="buttom" data-type="twitter">
6996                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
6997                    </div>
6998                </div>
6999                <div class="text">
7000                    <div><strong>Em D&#xED;vida com a Sorte</strong></div>
7001                    <div>Dois irm&#xE3;os tentam conseguir dinheiro, mas uma adolescente os coloca na mira de assassinos.</div>
7002                </div>
7003            </div>
7004        </div>
7005            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7006    </div>
7007</li>
7008
7009<script>
7010    var IdItemSelected;
7011
7012function onDeleteItem(idItem) {
7013    IdItemSelected = idItem;
7014    $('#modalConfirmacao').show();
7015}
7016    $(document).ready(function() {
7017        $('.close, #btnCancelar').unbind('click')
7018        $('.close, #btnCancelar').click(function() {
7019            $('#modalConfirmacao').hide();
7020        });
7021
7022        $('#btnConfirmar').unbind('click')
7023        $('#btnConfirmar').click(function() {
7024            Helpers.showLoading();
7025             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7026                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7027                $('#modalConfirmacao').hide();
7028            }).done(function (response) {
7029                if (JSON.parse(response).response.toLowerCase() == "true") {
7030                    location.reload();
7031                }
7032                else{
7033                    Helpers.hideLoading();
7034                }
7035            }).fail(function (erro) {
7036               console.log(erro.responseText)
7037            });
7038        });
7039    });
7040</script>
7040
7041
7042<style>
7043    .remove-icon {
7044        position: absolute;
7045        top: 10px;
7046        left: 10px;
7047        display: flex;
7048        align-items: center;
7049        opacity: 0;
7050        transition: opacity 0.3s ease;
7051    }
7052    .remove-icon img {
7053        width: 30px; 
7054        height: 30px;
7055        background-color: rgba(0, 0, 0, 0.7);
7056        border-radius: 5px;
7057    }
7058    .remove-icon span {
7059        font-size: 14px;
7060        color: #fff;
7061        background-color: rgba(0, 0, 0, 0.7);
7062        padding: 5px;
7063        border-radius: 3px;
7064        margin-left: 30px;
7065        display: none;
7066    }
7067    .media-image:hover .remove-icon {
7068        opacity: 1;
7069    }
7070    .remove-icon:hover span {
7071        display: inline-block; 
7072    }
7073    .modal {
7074        display: none; 
7075        position: fixed;
7076        z-index: 10000;
7077        left: 0;
7078        top: 0;
7079        width: 100%;
7080        height: 100%;
7081        background-color: rgba(0, 0, 0, 0.5);
7082    }
7083    .modal-content {
7084        background-color: white;
7085        margin: 15% auto;
7086        padding: 20px;
7087        border: 1px solid #888;
7088        width: 30%;
7089        text-align: center;
7090        position: relative;
7091        color: #444;
7092        z-index: 10;
7093    }
7094    .close {
7095        position: absolute;
7096        top: 10px;
7097        right: 15px;
7098        font-size: 20px;
7099        font-weight: bold;
7100        cursor: pointer;
7101    }
7102    button {
7103        margin: 10px;
7104        padding: 10px 20px;
7105        cursor: pointer;
7106    }
7107    button#btnCancelar {
7108        background-color: transparent;
7109        color: black;
7110        border: none;
7111    }
7112</style>
7113
7114<li itemscope itemtype="http://schema.org/ItemList" mediaid="457896">
7115    <div class="mediaContainer media-style"
7116         onmousemove="Hover.checkHoverPosition(event, $(this))"
7117         onmouseout="Hover.mobileOut(event, $(this))"
7118         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7119        <div class="item_loader"></div>
7120        <div class="priceContainer">
7121        </div>
7122        <div class="mediaHover">
7123            <div class="hoverContainerInfo">
7124                <div>
7125                    <div class="hoverTitle">
7126                        <div class="hoverTextTitle">A Rainha dos Meus Sonhos</div>
7127                            <div class="hoverInfoTitle">2023 (1h 39m)</div>
7128                    </div>
7129                </div>
7130                <div class="hoverContainerAge">
7131                    <div class="hoverAge movie-age movie-age-A14"></div>
7132                    <div class="hoverInfo">
7133                        <div class="movie-captionContainer">
7134                                <div class="movie-caption">Dublado</div>
7135                                <div class="movie-caption">Legendado</div>
7136                        </div>
7137                        <div class="hoverGenre">
7138                            Com&#xE9;dia, Drama
7139                        </div>
7140                    </div>
7141                </div>
7142            </div>
7143        </div>
7144        <div class="mediaCover">
7145           
7146            <div class="media-image">
7147                <div class="nameMedia" itemprop="name">A Rainha dos Meus Sonhos</div>
7148                <video onclick="Hover.details('/detalhes/457896')" muted loop src=""></video>
7149                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7150
7151                                <img
7152                                    draggable="false"
7153                                    loading="lazy"
7154                                    onclick="Hover.details('/detalhes/457896')"
7155                                    onerror="this.src=''; this.onerror = null;"
7156                                    class="imgStyle_landscape imgBase"
7157                                    itemprop="image"
7158                                    alt="A Rainha dos Meus Sonhos"
7159                                    src="https://images-01.ottvs.com.br/0457896/0001/0457896_335.jpg"
7160                                    onload="$(this).fadeIn();"
7161                                />
7162
7163                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
7163om.br/0457896/0457896.mp4" />
7164                    <div class="mediaProgressBar" style="display: none">
7165                        <div class="baseBar"></div>
7166                        <div class="percentBar" style="width: 0%"></div>
7167                    </div>
7168                </div>
7169            <div class="mediaSynopsi">
7170    @ -299,21 +288,10 @ button#btnCancelar {
7171  
7172                <div class="buttons">
7173                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7174                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/457896&amp;t=A%20Rainha%20dos%20Meus%20Sonhos");' class="buttom" data-type="facebook">
7175                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7176                    </div>
7177                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/457896&amp;text=A%20Rainha%20dos%20Meus%20Sonhos");' class="buttom" data-type="twitter">
7178                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7179                    </div>
7180                </div>
7181                <div class="text">
7182                    <div><strong>A Rainha dos Meus Sonhos</strong></div>
7183                    <div>Azra retorna ao Paquist&#xE3;o e fortalece a rela&#xE7;&#xE3;o com sua m&#xE3;e conservadora, superando as diferen&#xE7;as.</div>
7184                </div>
7185            </div>
7186        </div>
7187            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7188    </div>
7189</li>
7190
7191<script>
7192    var IdItemSelected;
7193
7194function onDeleteItem(idItem) {
7195    IdItemSelected = idItem;
7196    $('#modalConfirmacao').show();
7197}
7198    $(document).ready(function() {
7199        $('.close, #btnCancelar').unbind('click')
7200        $('.close, #btnCancelar').click(function() {
7201            $('#modalConfirmacao').hide();
7202        });
7203
7204        $('#btnConfirmar').unbind('click')
7205        $('#btnConfirmar').click(function() {
7206            Helpers.showLoading();
7207             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7208                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7209                $('#modalConfirmacao').hide();
7210            }).done(function (response) {
7211                if (JSON.parse(response).response.toLowerCase() == "true") {
7212                    location.reload();
7213                }
7214                else{
7215                    Helpers.hideLoading();
7216                }
7217            }).fail(function (erro) {
7218               console.log(erro.responseText)
7219            });
7220        });
7221    });
7222</script>
7222
7223
7224<style>
7225    .remove-icon {
7226        position: absolute;
7227        top: 10px;
7228        left: 10px;
7229        display: flex;
7230        align-items: center;
7231        opacity: 0;
7232        transition: opacity 0.3s ease;
7233    }
7234    .remove-icon img {
7235        width: 30px; 
7236        height: 30px;
7237        background-color: rgba(0, 0, 0, 0.7);
7238        border-radius: 5px;
7239    }
7240    .remove-icon span {
7241        font-size: 14px;
7242        color: #fff;
7243        background-color: rgba(0, 0, 0, 0.7);
7244        padding: 5px;
7245        border-radius: 3px;
7246        margin-left: 30px;
7247        display: none;
7248    }
7249    .media-image:hover .remove-icon {
7250        opacity: 1;
7251    }
7252    .remove-icon:hover span {
7253        display: inline-block; 
7254    }
7255    .modal {
7256        display: none; 
7257        position: fixed;
7258        z-index: 10000;
7259        left: 0;
7260        top: 0;
7261        width: 100%;
7262        height: 100%;
7263        background-color: rgba(0, 0, 0, 0.5);
7264    }
7265    .modal-content {
7266        background-color: white;
7267        margin: 15% auto;
7268        padding: 20px;
7269        border: 1px solid #888;
7270        width: 30%;
7271        text-align: center;
7272        position: relative;
7273        color: #444;
7274        z-index: 10;
7275    }
7276    .close {
7277        position: absolute;
7278        top: 10px;
7279        right: 15px;
7280        font-size: 20px;
7281        font-weight: bold;
7282        cursor: pointer;
7283    }
7284    button {
7285        margin: 10px;
7286        padding: 10px 20px;
7287        cursor: pointer;
7288    }
7289    button#btnCancelar {
7290        background-color: transparent;
7291        color: black;
7292        border: none;
7293    }
7294</style>
7295
7296<li itemscope itemtype="http://schema.org/ItemList" mediaid="426411">
7297    <div class="mediaContainer media-style"
7298         onmousemove="Hover.checkHoverPosition(event, $(this))"
7299         onmouseout="Hover.mobileOut(event, $(this))"
7300         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7301        <div class="item_loader"></div>
7302        <div class="priceContainer">
7303        </div>
7304        <div class="mediaHover">
7305            <div class="hoverContainerInfo">
7306                <div>
7307                    <div class="hoverTitle">
7308                        <div class="hoverTextTitle">Espiral de Viol&#xEA;ncia</div>
7309                            <div class="hoverInfoTitle">2023 (1h 22m)</div>
7310                    </div>
7311                </div>
7312                <div class="hoverContainerAge">
7313                    <div class="hoverAge movie-age movie-age-A16"></div>
7314                    <div class="hoverInfo">
7315                        <div class="movie-captionContainer">
7316                                <div class="movie-caption">Dublado</div>
7317                                <div class="movie-caption">Legendado</div>
7318                        </div>
7319                        <div class="hoverGenre">
7320                            A&#xE7;&#xE3;o, Suspense, Drama
7321                        </div>
7322                    </div>
7323                </div>
7324            </div>
7325        </div>
7326        <div class="mediaCover">
7327           
7328            <div class="media-image">
7329                <div class="nameMedia" itemprop="name">Espiral de Viol&#xEA;ncia</div>
7330                <video onclick="Hover.details('/detalhes/426411')" muted loop src=""></video>
7331                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7332
7333                            <img draggable="false" onclick="Hover.details('/detalhes/426411')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Espiral de Viol&#xEA;ncia" src="https://images-01.ottvs.com.br/0426411/0426411_335.jpg" loading="lazy" />
7334                            <img draggable="false" onclick="Hover.details('/detalhes/426411')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Espiral de Viol&#xEA;ncia" src="https://images-01.ottvs.com.br/0426411/looke_1010_670.jpg" loading="lazy" />
7335
7336                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0426411/0426411.mp4" />
7337                    <div class="mediaProgressBar" style="display: none">
7338                        <div class="baseBar"></div>
7339                        <div class="percentBar" style="width: 0%"></div>
7340                    </div>
7341                </div>
7342            <div class="mediaSynopsi">
7343    @ -299,21 +288,10 @ button#btnCancelar {
7344  
7345                <div class="buttons">
7346                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7347                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/426411&amp;t=Espiral%20de%20Viol%C3%AAncia");' class="buttom" data-type="facebook">
7348                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7349                    </div>
7350                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/426411&amp;text=Espiral%20de%20Viol%C3%AAncia");' class="buttom" data-type="twitter">
7351                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7352                    </div>
7353                </div>
7354                <div class="text">
7355                    <div><strong>Espiral de Viol&#xEA;ncia</strong></div>
7356                    <div>Abby forma uma alian&#xE7;a com um traficante de drogas ap&#xF3;s policiais corruptos aparecerem em sua casa.</div>
7357                </div>
7358            </div>
7359        </div>
7360            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7361    </div>
7362</li>
7363
7364<script>
7365    var IdItemSelected;
7366
7367function onDeleteItem(idItem) {
7368    IdItemSelected = idItem;
7369    $('#modalConfirmacao').show();
7370}
7371    $(document).ready(function() {
7372        $('.close, #btnCancelar').unbind('click')
7373        $('.close, #btnCancelar').click(function() {
7374            $('#modalConfirmacao').hide();
7375        });
7376
7377        $('#btnConfirmar').unbind('click')
7378        $('#btnConfirmar').click(function() {
7379            Helpers.showLoading();
7380             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7381                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7382                $('#modalConfirmacao').hide();
7383            }).done(function (response) {
7384                if (JSON.parse(response).response.toLowerCase() == "true") {
7385                    location.reload();
7386                }
7387                else{
7388                    Helpers.hideLoading();
7389                }
7390            }).fail(function (erro) {
7391               console.log(erro.responseText)
7392            });
7393        });
7394    });
7395</script>
7395
7396
7397<style>
7398    .remove-icon {
7399        position: absolute;
7400        top: 10px;
7401        left: 10px;
7402        display: flex;
7403        align-items: center;
7404        opacity: 0;
7405        transition: opacity 0.3s ease;
7406    }
7407    .remove-icon img {
7408        width: 30px; 
7409        height: 30px;
7410        background-color: rgba(0, 0, 0, 0.7);
7411        border-radius: 5px;
7412    }
7413    .remove-icon span {
7414        font-size: 14px;
7415        color: #fff;
7416        background-color: rgba(0, 0, 0, 0.7);
7417        padding: 5px;
7418        border-radius: 3px;
7419        margin-left: 30px;
7420        display: none;
7421    }
7422    .media-image:hover .remove-icon {
7423        opacity: 1;
7424    }
7425    .remove-icon:hover span {
7426        display: inline-block; 
7427    }
7428    .modal {
7429        display: none; 
7430        position: fixed;
7431        z-index: 10000;
7432        left: 0;
7433        top: 0;
7434        width: 100%;
7435        height: 100%;
7436        background-color: rgba(0, 0, 0, 0.5);
7437    }
7438    .modal-content {
7439        background-color: white;
7440        margin: 15% auto;
7441        padding: 20px;
7442        border: 1px solid #888;
7443        width: 30%;
7444        text-align: center;
7445        position: relative;
7446        color: #444;
7447        z-index: 10;
7448    }
7449    .close {
7450        position: absolute;
7451        top: 10px;
7452        right: 15px;
7453        font-size: 20px;
7454        font-weight: bold;
7455        cursor: pointer;
7456    }
7457    button {
7458        margin: 10px;
7459        padding: 10px 20px;
7460        cursor: pointer;
7461    }
7462    button#btnCancelar {
7463        background-color: transparent;
7464        color: black;
7465        border: none;
7466    }
7467</style>
7468
7469<li itemscope itemtype="http://schema.org/ItemList" mediaid="458038">
7470    <div class="mediaContainer media-style"
7471         onmousemove="Hover.checkHoverPosition(event, $(this))"
7472         onmouseout="Hover.mobileOut(event, $(this))"
7473         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7474        <div class="item_loader"></div>
7475        <div class="priceContainer">
7476        </div>
7477        <div class="mediaHover">
7478            <div class="hoverContainerInfo">
7479                <div>
7480                    <div class="hoverTitle">
7481                        <div class="hoverTextTitle">Encontrando o Amor em Oxford</div>
7482                            <div class="hoverInfoTitle">2023 (1h 42m)</div>
7483                    </div>
7484                </div>
7485                <div class="hoverContainerAge">
7486                    <div class="hoverAge movie-age movie-age-A12"></div>
7487                    <div class="hoverInfo">
7488                        <div class="movie-captionContainer">
7489                                <div class="movie-caption">Dublado</div>
7490                                <div class="movie-caption">Legendado</div>
7491                        </div>
7492                        <div class="hoverGenre">
7493                            Romance, Drama
7494                        </div>
7495                    </div>
7496                </div>
7497            </div>
7498        </div>
7499        <div class="mediaCover">
7500           
7501            <div class="media-image">
7502                <div class="nameMedia" itemprop="name">Encontrando o Amor em Oxford</div>
7503                <video onclick="Hover.details('/detalhes/458038')" muted loop src=""></video>
7504                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7505
7506                                <img
7507                                    draggable="false"
7508                                    loading="lazy"
7509                                    onclick="Hover.details('/detalhes/458038')"
7510                                    onerror="this.src=''; this.onerror = null;"
7511                                    class="imgStyle_landscape imgBase"
7512                                    itemprop="image"
7513                                    alt="Encontrando o Amor em Oxford"
7514                                    src="https://images-01.ottvs.com.br/0458038/0458038_335.jpg"
7515                                    onload="$(this).fadeIn();"
7516                                />
7517
7518                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
7518om.br/0458038/0458038.mp4" />
7519                    <div class="mediaProgressBar" style="display: none">
7520                        <div class="baseBar"></div>
7521                        <div class="percentBar" style="width: 0%"></div>
7522                    </div>
7523                </div>
7524            <div class="mediaSynopsi">
7525    @ -299,21 +288,10 @ button#btnCancelar {
7526  
7527                <div class="buttons">
7528                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7529                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/458038&amp;t=Encontrando%20o%20Amor%20em%20Oxford");' class="buttom" data-type="facebook">
7530                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7531                    </div>
7532                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/458038&amp;text=Encontrando%20o%20Amor%20em%20Oxford");' class="buttom" data-type="twitter">
7533                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7534                    </div>
7535                </div>
7536                <div class="text">
7537                    <div><strong>Encontrando o Amor em Oxford</strong></div>
7538                    <div>Caro come&#xE7;a a se abrir para o mist&#xE9;rio e o amor ap&#xF3;s estudar na prestigiada Universidade de Oxford.</div>
7539                </div>
7540            </div>
7541        </div>
7542            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7543    </div>
7544</li>
7545
7546<script>
7547    var IdItemSelected;
7548
7549function onDeleteItem(idItem) {
7550    IdItemSelected = idItem;
7551    $('#modalConfirmacao').show();
7552}
7553    $(document).ready(function() {
7554        $('.close, #btnCancelar').unbind('click')
7555        $('.close, #btnCancelar').click(function() {
7556            $('#modalConfirmacao').hide();
7557        });
7558
7559        $('#btnConfirmar').unbind('click')
7560        $('#btnConfirmar').click(function() {
7561            Helpers.showLoading();
7562             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7563                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7564                $('#modalConfirmacao').hide();
7565            }).done(function (response) {
7566                if (JSON.parse(response).response.toLowerCase() == "true") {
7567                    location.reload();
7568                }
7569                else{
7570                    Helpers.hideLoading();
7571                }
7572            }).fail(function (erro) {
7573               console.log(erro.responseText)
7574            });
7575        });
7576    });
7577</script>
7577
7578
7579<style>
7580    .remove-icon {
7581        position: absolute;
7582        top: 10px;
7583        left: 10px;
7584        display: flex;
7585        align-items: center;
7586        opacity: 0;
7587        transition: opacity 0.3s ease;
7588    }
7589    .remove-icon img {
7590        width: 30px; 
7591        height: 30px;
7592        background-color: rgba(0, 0, 0, 0.7);
7593        border-radius: 5px;
7594    }
7595    .remove-icon span {
7596        font-size: 14px;
7597        color: #fff;
7598        background-color: rgba(0, 0, 0, 0.7);
7599        padding: 5px;
7600        border-radius: 3px;
7601        margin-left: 30px;
7602        display: none;
7603    }
7604    .media-image:hover .remove-icon {
7605        opacity: 1;
7606    }
7607    .remove-icon:hover span {
7608        display: inline-block; 
7609    }
7610    .modal {
7611        display: none; 
7612        position: fixed;
7613        z-index: 10000;
7614        left: 0;
7615        top: 0;
7616        width: 100%;
7617        height: 100%;
7618        background-color: rgba(0, 0, 0, 0.5);
7619    }
7620    .modal-content {
7621        background-color: white;
7622        margin: 15% auto;
7623        padding: 20px;
7624        border: 1px solid #888;
7625        width: 30%;
7626        text-align: center;
7627        position: relative;
7628        color: #444;
7629        z-index: 10;
7630    }
7631    .close {
7632        position: absolute;
7633        top: 10px;
7634        right: 15px;
7635        font-size: 20px;
7636        font-weight: bold;
7637        cursor: pointer;
7638    }
7639    button {
7640        margin: 10px;
7641        padding: 10px 20px;
7642        cursor: pointer;
7643    }
7644    button#btnCancelar {
7645        background-color: transparent;
7646        color: black;
7647        border: none;
7648    }
7649</style>
7650
7651<li itemscope itemtype="http://schema.org/ItemList" mediaid="437187">
7652    <div class="mediaContainer media-style"
7653         onmousemove="Hover.checkHoverPosition(event, $(this))"
7654         onmouseout="Hover.mobileOut(event, $(this))"
7655         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7656        <div class="item_loader"></div>
7657        <div class="priceContainer">
7658        </div>
7659        <div class="mediaHover">
7660            <div class="hoverContainerInfo">
7661                <div>
7662                    <div class="hoverTitle">
7663                        <div class="hoverTextTitle">Era Uma Vez no Leste</div>
7664                            <div class="hoverInfoTitle">2024 (2h 30m)</div>
7665                    </div>
7666                </div>
7667                <div class="hoverContainerAge">
7668                    <div class="hoverAge movie-age movie-age-A14"></div>
7669                    <div class="hoverInfo">
7670                        <div class="movie-captionContainer">
7671                                <div class="movie-caption">Dublado</div>
7672                                <div class="movie-caption">Legendado</div>
7673                        </div>
7674                        <div class="hoverGenre">
7675                            Suspense, Policial, Drama
7676                        </div>
7677                    </div>
7678                </div>
7679            </div>
7680        </div>
7681        <div class="mediaCover">
7682           
7683            <div class="media-image">
7684                <div class="nameMedia" itemprop="name">Era Uma Vez no Leste</div>
7685                <video onclick="Hover.details('/detalhes/437187')" muted loop src=""></video>
7686                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7687
7688                            <img draggable="false" onclick="Hover.details('/detalhes/437187')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Era Uma Vez no Leste" src="https://images-01.ottvs.com.br/0437187/0437187_335.jpg" loading="lazy" />
7689                            <img draggable="false" onclick="Hover.details('/detalhes/437187')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Era Uma Vez no Leste" src="https://images-01.ottvs.com.br/0437187/looke_1010_670.jpg" loading="lazy" />
7690
7691                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0437187/0437187.mp4" />
7692                    <div class="mediaProgressBar" style="display: none">
7693                        <div class="baseBar"></div>
7694                        <div class="percentBar" style="width: 0%"></div>
7695                    </div>
7696                </div>
7697            <div class="mediaSynopsi">
7698    @ -299,21 +288,10 @ button#btnCancelar {
7699  
7700                <div class="buttons">
7701                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7702                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/437187&amp;t=Era%20Uma%20Vez%20no%20Leste");' class="buttom" data-type="facebook">
7703                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7704                    </div>
7705                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/437187&amp;text=Era%20Uma%20Vez%20no%20Leste");' class="buttom" data-type="twitter">
7706                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7707                    </div>
7708                </div>
7709                <div class="text">
7710                    <div><strong>Era Uma Vez no Leste</strong></div>
7711                    <div>Miko &#xE9; um policial que n&#xE3;o confia em ningu&#xE9;m e faz parte de um sistema que gostaria de mudar.</div>
7712                </div>
7713            </div>
7714        </div>
7715            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7716    </div>
7717</li>
7718
7719<script>
7720    var IdItemSelected;
7721
7722function onDeleteItem(idItem) {
7723    IdItemSelected = idItem;
7724    $('#modalConfirmacao').show();
7725}
7726    $(document).ready(function() {
7727        $('.close, #btnCancelar').unbind('click')
7728        $('.close, #btnCancelar').click(function() {
7729            $('#modalConfirmacao').hide();
7730        });
7731
7732        $('#btnConfirmar').unbind('click')
7733        $('#btnConfirmar').click(function() {
7734            Helpers.showLoading();
7735             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7736                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7737                $('#modalConfirmacao').hide();
7738            }).done(function (response) {
7739                if (JSON.parse(response).response.toLowerCase() == "true") {
7740                    location.reload();
7741                }
7742                else{
7743                    Helpers.hideLoading();
7744                }
7745            }).fail(function (erro) {
7746               console.log(erro.responseText)
7747            });
7748        });
7749    });
7750</script>
7750
7751
7752<style>
7753    .remove-icon {
7754        position: absolute;
7755        top: 10px;
7756        left: 10px;
7757        display: flex;
7758        align-items: center;
7759        opacity: 0;
7760        transition: opacity 0.3s ease;
7761    }
7762    .remove-icon img {
7763        width: 30px; 
7764        height: 30px;
7765        background-color: rgba(0, 0, 0, 0.7);
7766        border-radius: 5px;
7767    }
7768    .remove-icon span {
7769        font-size: 14px;
7770        color: #fff;
7771        background-color: rgba(0, 0, 0, 0.7);
7772        padding: 5px;
7773        border-radius: 3px;
7774        margin-left: 30px;
7775        display: none;
7776    }
7777    .media-image:hover .remove-icon {
7778        opacity: 1;
7779    }
7780    .remove-icon:hover span {
7781        display: inline-block; 
7782    }
7783    .modal {
7784        display: none; 
7785        position: fixed;
7786        z-index: 10000;
7787        left: 0;
7788        top: 0;
7789        width: 100%;
7790        height: 100%;
7791        background-color: rgba(0, 0, 0, 0.5);
7792    }
7793    .modal-content {
7794        background-color: white;
7795        margin: 15% auto;
7796        padding: 20px;
7797        border: 1px solid #888;
7798        width: 30%;
7799        text-align: center;
7800        position: relative;
7801        color: #444;
7802        z-index: 10;
7803    }
7804    .close {
7805        position: absolute;
7806        top: 10px;
7807        right: 15px;
7808        font-size: 20px;
7809        font-weight: bold;
7810        cursor: pointer;
7811    }
7812    button {
7813        margin: 10px;
7814        padding: 10px 20px;
7815        cursor: pointer;
7816    }
7817    button#btnCancelar {
7818        background-color: transparent;
7819        color: black;
7820        border: none;
7821    }
7822</style>
7823
7824<li itemscope itemtype="http://schema.org/ItemList" mediaid="387673">
7825    <div class="mediaContainer media-style"
7826         onmousemove="Hover.checkHoverPosition(event, $(this))"
7827         onmouseout="Hover.mobileOut(event, $(this))"
7828         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
7829        <div class="item_loader"></div>
7830        <div class="priceContainer">
7831        </div>
7832        <div class="mediaHover">
7833            <div class="hoverContainerInfo">
7834                <div>
7835                    <div class="hoverTitle">
7836                        <div class="hoverTextTitle">Homens Maus</div>
7837                            <div class="hoverInfoTitle">2023 (1h 32m)</div>
7838                    </div>
7839                </div>
7840                <div class="hoverContainerAge">
7841                    <div class="hoverAge movie-age movie-age-A16"></div>
7842                    <div class="hoverInfo">
7843                        <div class="movie-captionContainer">
7844                                <div class="movie-caption">Dublado</div>
7845                                <div class="movie-caption">Legendado</div>
7846                        </div>
7847                        <div class="hoverGenre">
7848                            Policial, Suspense, Com&#xE9;dia
7849                        </div>
7850                    </div>
7851                </div>
7852            </div>
7853        </div>
7854        <div class="mediaCover">
7855           
7856            <div class="media-image">
7857                <div class="nameMedia" itemprop="name">Homens Maus</div>
7858                <video onclick="Hover.details('/detalhes/387673')" muted loop src=""></video>
7859                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
7860
7861                            <img draggable="false" onclick="Hover.details('/detalhes/387673')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Homens Maus" src="https://images-01.ottvs.com.br/0387673/0387673_335.jpg" loading="lazy" />
7862                            <img draggable="false" onclick="Hover.details('/detalhes/387673')" onerror="$(this).attr('src', ''); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Homens Maus" src="https://images-01.ottvs.com.br/0387673/looke_1010_670.jpg" loading="lazy" />
7863
7864                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0387673/0387673.mp4" />
7865                    <div class="mediaProgressBar" style="display: none">
7866                        <div class="baseBar"></div>
7867                        <div class="percentBar" style="width: 0%"></div>
7868                    </div>
7869                </div>
7870            <div class="mediaSynopsi">
7871    @ -299,21 +288,10 @ button#btnCancelar {
7872  
7873                <div class="buttons">
7874                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
7875                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/387673&amp;t=Homens%20Maus");' class="buttom" data-type="facebook">
7876                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
7877                    </div>
7878                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/387673&amp;text=Homens%20Maus");' class="buttom" data-type="twitter">
7879                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
7880                    </div>
7881                </div>
7882                <div class="text">
7883                    <div><strong>Homens Maus</strong></div>
7884                    <div>Sem dinheiro, imigrantes ilegais aceitam o trabalho de cavar um buraco no deserto. Mas seu empregador &#xE9; um psicopata.</div>
7885                </div>
7886            </div>
7887        </div>
7888            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
7889    </div>
7890</li>
7891
7892<script>
7893    var IdItemSelected;
7894
7895function onDeleteItem(idItem) {
7896    IdItemSelected = idItem;
7897    $('#modalConfirmacao').show();
7898}
7899    $(document).ready(function() {
7900        $('.close, #btnCancelar').unbind('click')
7901        $('.close, #btnCancelar').click(function() {
7902            $('#modalConfirmacao').hide();
7903        });
7904
7905        $('#btnConfirmar').unbind('click')
7906        $('#btnConfirmar').click(function() {
7907            Helpers.showLoading();
7908             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
7909                $(`[mediaid=${IdItemSelected}]`).fadeOut();
7910                $('#modalConfirmacao').hide();
7911            }).done(function (response) {
7912                if (JSON.parse(response).response.toLowerCase() == "true") {
7913                    location.reload();
7914                }
7915                else{
7916                    Helpers.hideLoading();
7917                }
7918            }).fail(function (erro) {
7919               console.log(erro.responseText)
7920            });
7921        });
7922    });
7923</script>
7923
7924                            </ul>
7925                </div>
7926
7927            </div>
7928            <div class="carousel_media_details">
7929                <div class="panel_loader">
7930                    <div class="panel_loader_img"></div>
7931                </div>
7932                <span class="og-close"></span>
7933                <div class="movie-info"></div>
7934            </div>
7935
7936        </div>
7937    </div>
7938</div>    </div>
7939    <div class="" style="background-color:#000000">
7940
7941<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7116" style="z-index: 10;">
7942    <div class="item">
7943        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
7944            <img src="https://resources-01.ottvs.com.br/banner/180607d1-11cd-4608-84f1-7d354bb5ed83.png">
7945        </div>
7946    </div>
7947
7948 
7949</div>
7950
7951<script type="text/javascript">
7952   //$(document).ready(function () {
7953    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
7954    statePadingValue = isMobile ? 10 : 30
7955
7956    carouselConfig = {
7957        nav: isMobile ? false : true, // Show next and prev buttons
7958        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
7959        slideSpeed: 300,
7960        navSpeed: 800,
7961        margin: 50,
7962        stagePadding: $(".page-home").length ? statePadingValue : 0,
7963        items: 1,
7964        loop: true,
7965        autoplay: true,
7966        navigationText: ["", ""],
7967        afterInit: function (elem) {
7968            var that = this
7969            that.owlControls.prependTo(elem)
7970        }
7971    }
7972        
7973    carouselConfig.animateOut = '';
7974    carouselConfig.autoplayTimeout = (8) * 1000;
7975
7976    $(".owl-id-7116").owlCarousel(carouselConfig),
7977    $('.owl-id- .owl-pagination').addClass("hideSmall");
7978
7979    //});
7980</script>
7980
7981    </div>
7982    <div class="" style="background-color:#000000">
7983<div class="frame-holder">
7984    <div class="frame-center">
7985        <div class="mediaCarousel sectionStyle_1" carrousel-id='5585' id="media-5585" style="">
7986                <a class="carousel_title_panel" href="/movies/seriados">
7987                    <div>S&#xE9;ries do mundo todo</div>   
7988                </a>
7989            <div class="frame-container">
7990                <div class="carousel_loader" style="display: none">
7991                    <div class="carousel_loader_img"></div>
7992                </div>
7993                <div onmousemove="Carousel.closeHover()" onclick="Carousel.scrollLeft(event, $(this).parent().find('ul'))" class="frame-left" style="display:none">
7994                    <div class="frame-left-arrow"></div>
7995                </div>
7996                <div onmouseover="Carousel.closeHover()" onclick="Carousel.scrollRight(event, $(this).parent().find('ul'))" class="frame-right" >
7997                    <div class="frame-right-arrow"></div>
7998                </div>
7999                <div class="frame"
8000                     onmousedown="Carousel.initScrool(event, $(this).find('ul'))"
8001                     onmouseup="Carousel.completeScrool(event, $(this).find('ul'))"
8002                     onmousemove="Carousel.moveScrool();">
8003                            <ul class="items" id="Id-831455d4-d7de-458d-a6ef-7be6f8afb3ca">
8004                                <input type="hidden" class="sectionId" value="5585" />
8005                                <input type="hidden" class="lastPage" value="0" />
8006                                <input type="hidden" class="totalRecords" value="51" />
8007                                <input type="hidden" class="sectionStyle" value="1" />
8008
8009<style>
8010    .remove-icon {
8011        position: absolute;
8012        top: 10px;
8013        left: 10px;
8014        display: flex;
8015        align-items: center;
8016        opacity: 0;
8017        transition: opacity 0.3s ease;
8018    }
8019    .remove-icon img {
8020        width: 30px; 
8021        height: 30px;
8022        background-color: rgba(0, 0, 0, 0.7);
8023        border-radius: 5px;
8024    }
8025    .remove-icon span {
8026        font-size: 14px;
8027        color: #fff;
8028        background-color: rgba(0, 0, 0, 0.7);
8029        padding: 5px;
8030        border-radius: 3px;
8031        margin-left: 30px;
8032        display: none;
8033    }
8034    .media-image:hover .remove-icon {
8035        opacity: 1;
8036    }
8037    .remove-icon:hover span {
8038        display: inline-block; 
8039    }
8040    .modal {
8041        display: none; 
8042        position: fixed;
8043        z-index: 10000;
8044        left: 0;
8045        top: 0;
8046        width: 100%;
8047        height: 100%;
8048        background-color: rgba(0, 0, 0, 0.5);
8049    }
8050    .modal-content {
8051        background-color: white;
8052        margin: 15% auto;
8053        padding: 20px;
8054        border: 1px solid #888;
8055        width: 30%;
8056        text-align: center;
8057        position: relative;
8058        color: #444;
8059        z-index: 10;
8060    }
8061    .close {
8062        position: absolute;
8063        top: 10px;
8064        right: 15px;
8065        font-size: 20px;
8066        font-weight: bold;
8067        cursor: pointer;
8068    }
8069    button {
8070        margin: 10px;
8071        padding: 10px 20px;
8072        cursor: pointer;
8073    }
8074    button#btnCancelar {
8075        background-color: transparent;
8076        color: black;
8077        border: none;
8078    }
8079</style>
8080
8081<li itemscope itemtype="http://schema.org/ItemList" mediaid="486413">
8082    <div class="mediaContainer media-style"
8083         onmousemove="Hover.checkHoverPosition(event, $(this))"
8084         onmouseout="Hover.mobileOut(event, $(this))"
8085         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8086        <div class="item_loader"></div>
8087        <div class="priceContainer">
8088        </div>
8089        <div class="mediaHover">
8090            <div class="hoverContainerInfo">
8091                <div>
8092                    <div class="hoverTitle">
8093                        <div class="hoverTextTitle">Inquilinos - 1&#xAA; Temporada</div>
8094                            <div class="hoverInfoTitle">2023 (4 episódios)</div>
8095                    </div>
8096                </div>
8097                <div class="hoverContainerAge">
8098                    <div class="hoverAge movie-age movie-age-A14"></div>
8099                    <div class="hoverInfo">
8100                        <div class="movie-captionContainer">
8101                                <div class="movie-caption">Dublado</div>
8102                                <div class="movie-caption">Legendado</div>
8103                        </div>
8104                        <div class="hoverGenre">
8105                            Drama, A&#xE7;&#xE3;o, Policial
8106                        </div>
8107                    </div>
8108                </div>
8109            </div>
8110        </div>
8111        <div class="mediaCover">
8112           
8113            <div class="media-image">
8114                <div class="nameMedia" itemprop="name">Inquilinos - 1&#xAA; Temporada</div>
8115                <video onclick="Hover.details('/detalhes/486413')" muted loop src=""></video>
8116                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8117
8118                                <img
8119                                    draggable="false"
8120                                    loading="lazy"
8121                                    onclick="Hover.details('/detalhes/486413')"
8122                                    onerror="this.src='https://images-01.ottvs.c
8122om.br/0486415/looke_1010_670.jpg'; this.onerror = null;"
8123                                    class="imgStyle_landscape imgBase"
8124                                    itemprop="image"
8125                                    alt="Inquilinos - 1&#xAA; Temporada"
8126                                    src="https://images-01.ottvs.com.br/0486413/0001/0486413_335.jpg"
8127                                    onload="$(this).fadeIn();"
8128                                />
8129
8130                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0486415/0486415.mp4" />
8131                    <div class="mediaProgressBar" style="display: none">
8132                        <div class="baseBar"></div>
8133                        <div class="percentBar" style="width: 0%"></div>
8134                    </div>
8135                </div>
8136            <div class="mediaSynopsi">
8137    @ -299,21 +288,10 @ button#btnCancelar {
8138  
8139                <div class="buttons">
8140                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8141                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/486413&amp;t=Inquilinos%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8142                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8143                    </div>
8144                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/486413&amp;text=Inquilinos%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8145                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8146                    </div>
8147                </div>
8148                <div class="text">
8149                    <div><strong>Inquilinos - 1&#xAA; Temporada</strong></div>
8150                    <div>A troca de propriet&#xE1;rio de um conjunto habitacional muda drasticamente a vida de seus moradores.</div>
8151                </div>
8152            </div>
8153        </div>
8154            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8155    </div>
8156</li>
8157
8158<script>
8159    var IdItemSelected;
8160
8161function onDeleteItem(idItem) {
8162    IdItemSelected = idItem;
8163    $('#modalConfirmacao').show();
8164}
8165    $(document).ready(function() {
8166        $('.close, #btnCancelar').unbind('click')
8167        $('.close, #btnCancelar').click(function() {
8168            $('#modalConfirmacao').hide();
8169        });
8170
8171        $('#btnConfirmar').unbind('click')
8172        $('#btnConfirmar').click(function() {
8173            Helpers.showLoading();
8174             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8175                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8176                $('#modalConfirmacao').hide();
8177            }).done(function (response) {
8178                if (JSON.parse(response).response.toLowerCase() == "true") {
8179                    location.reload();
8180                }
8181                else{
8182                    Helpers.hideLoading();
8183                }
8184            }).fail(function (erro) {
8185               console.log(erro.responseText)
8186            });
8187        });
8188    });
8189</script>
8189
8190
8191<style>
8192    .remove-icon {
8193        position: absolute;
8194        top: 10px;
8195        left: 10px;
8196        display: flex;
8197        align-items: center;
8198        opacity: 0;
8199        transition: opacity 0.3s ease;
8200    }
8201    .remove-icon img {
8202        width: 30px; 
8203        height: 30px;
8204        background-color: rgba(0, 0, 0, 0.7);
8205        border-radius: 5px;
8206    }
8207    .remove-icon span {
8208        font-size: 14px;
8209        color: #fff;
8210        background-color: rgba(0, 0, 0, 0.7);
8211        padding: 5px;
8212        border-radius: 3px;
8213        margin-left: 30px;
8214        display: none;
8215    }
8216    .media-image:hover .remove-icon {
8217        opacity: 1;
8218    }
8219    .remove-icon:hover span {
8220        display: inline-block; 
8221    }
8222    .modal {
8223        display: none; 
8224        position: fixed;
8225        z-index: 10000;
8226        left: 0;
8227        top: 0;
8228        width: 100%;
8229        height: 100%;
8230        background-color: rgba(0, 0, 0, 0.5);
8231    }
8232    .modal-content {
8233        background-color: white;
8234        margin: 15% auto;
8235        padding: 20px;
8236        border: 1px solid #888;
8237        width: 30%;
8238        text-align: center;
8239        position: relative;
8240        color: #444;
8241        z-index: 10;
8242    }
8243    .close {
8244        position: absolute;
8245        top: 10px;
8246        right: 15px;
8247        font-size: 20px;
8248        font-weight: bold;
8249        cursor: pointer;
8250    }
8251    button {
8252        margin: 10px;
8253        padding: 10px 20px;
8254        cursor: pointer;
8255    }
8256    button#btnCancelar {
8257        background-color: transparent;
8258        color: black;
8259        border: none;
8260    }
8261</style>
8262
8263<li itemscope itemtype="http://schema.org/ItemList" mediaid="280778">
8264    <div class="mediaContainer media-style"
8265         onmousemove="Hover.checkHoverPosition(event, $(this))"
8266         onmouseout="Hover.mobileOut(event, $(this))"
8267         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8268        <div class="item_loader"></div>
8269        <div class="priceContainer">
8270        </div>
8271        <div class="mediaHover">
8272            <div class="hoverContainerInfo">
8273                <div>
8274                    <div class="hoverTitle">
8275                        <div class="hoverTextTitle">V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada</div>
8276                            <div class="hoverInfoTitle">2014 (6 episódios)</div>
8277                    </div>
8278                </div>
8279                <div class="hoverContainerAge">
8280                    <div class="hoverAge movie-age movie-age-A16"></div>
8281                    <div class="hoverInfo">
8282                        <div class="movie-captionContainer">
8283                                <div class="movie-caption">Legendado</div>
8284                        </div>
8285                        <div class="hoverGenre">
8286                            Suspense
8287                        </div>
8288                    </div>
8289                </div>
8290            </div>
8291        </div>
8292        <div class="mediaCover">
8293           
8294            <div class="media-image">
8295                <div class="nameMedia" itemprop="name">V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada</div>
8296                <video onclick="Hover.details('/detalhes/280778')" muted loop src=""></video>
8297                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8298
8299                            <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" />
8300                            <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" />
8301
8302                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
8302om.br/0280779/0280779.mp4" />
8303                    <div class="mediaProgressBar" style="display: none">
8304                        <div class="baseBar"></div>
8305                        <div class="percentBar" style="width: 0%"></div>
8306                    </div>
8307                </div>
8308            <div class="mediaSynopsi">
8309    @ -299,21 +288,10 @ button#btnCancelar {
8310  
8311                <div class="buttons">
8312                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8313                    <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">
8314                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8315                    </div>
8316                    <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">
8317                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8318                    </div>
8319                </div>
8320                <div class="text">
8321                    <div><strong>V&#xED;ctor Ros - O Jovem Detetive - 1&#xAA; Temporada</strong></div>
8322                    <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>
8323                </div>
8324            </div>
8325        </div>
8326            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8327    </div>
8328</li>
8329
8330<script>
8331    var IdItemSelected;
8332
8333function onDeleteItem(idItem) {
8334    IdItemSelected = idItem;
8335    $('#modalConfirmacao').show();
8336}
8337    $(document).ready(function() {
8338        $('.close, #btnCancelar').unbind('click')
8339        $('.close, #btnCancelar').click(function() {
8340            $('#modalConfirmacao').hide();
8341        });
8342
8343        $('#btnConfirmar').unbind('click')
8344        $('#btnConfirmar').click(function() {
8345            Helpers.showLoading();
8346             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8347                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8348                $('#modalConfirmacao').hide();
8349            }).done(function (response) {
8350                if (JSON.parse(response).response.toLowerCase() == "true") {
8351                    location.reload();
8352                }
8353                else{
8354                    Helpers.hideLoading();
8355                }
8356            }).fail(function (erro) {
8357               console.log(erro.responseText)
8358            });
8359        });
8360    });
8361</script>
8361
8362
8363<style>
8364    .remove-icon {
8365        position: absolute;
8366        top: 10px;
8367        left: 10px;
8368        display: flex;
8369        align-items: center;
8370        opacity: 0;
8371        transition: opacity 0.3s ease;
8372    }
8373    .remove-icon img {
8374        width: 30px; 
8375        height: 30px;
8376        background-color: rgba(0, 0, 0, 0.7);
8377        border-radius: 5px;
8378    }
8379    .remove-icon span {
8380        font-size: 14px;
8381        color: #fff;
8382        background-color: rgba(0, 0, 0, 0.7);
8383        padding: 5px;
8384        border-radius: 3px;
8385        margin-left: 30px;
8386        display: none;
8387    }
8388    .media-image:hover .remove-icon {
8389        opacity: 1;
8390    }
8391    .remove-icon:hover span {
8392        display: inline-block; 
8393    }
8394    .modal {
8395        display: none; 
8396        position: fixed;
8397        z-index: 10000;
8398        left: 0;
8399        top: 0;
8400        width: 100%;
8401        height: 100%;
8402        background-color: rgba(0, 0, 0, 0.5);
8403    }
8404    .modal-content {
8405        background-color: white;
8406        margin: 15% auto;
8407        padding: 20px;
8408        border: 1px solid #888;
8409        width: 30%;
8410        text-align: center;
8411        position: relative;
8412        color: #444;
8413        z-index: 10;
8414    }
8415    .close {
8416        position: absolute;
8417        top: 10px;
8418        right: 15px;
8419        font-size: 20px;
8420        font-weight: bold;
8421        cursor: pointer;
8422    }
8423    button {
8424        margin: 10px;
8425        padding: 10px 20px;
8426        cursor: pointer;
8427    }
8428    button#btnCancelar {
8429        background-color: transparent;
8430        color: black;
8431        border: none;
8432    }
8433</style>
8434
8435<li itemscope itemtype="http://schema.org/ItemList" mediaid="470273">
8436    <div class="mediaContainer media-style"
8437         onmousemove="Hover.checkHoverPosition(event, $(this))"
8438         onmouseout="Hover.mobileOut(event, $(this))"
8439         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8440        <div class="item_loader"></div>
8441        <div class="priceContainer">
8442        </div>
8443        <div class="mediaHover">
8444            <div class="hoverContainerInfo">
8445                <div>
8446                    <div class="hoverTitle">
8447                        <div class="hoverTextTitle">Enfermeiros: Uma Nova Era - 1&#xAA; Temporada</div>
8448                            <div class="hoverInfoTitle">2018 (6 episódios)</div>
8449                    </div>
8450                </div>
8451                <div class="hoverContainerAge">
8452                    <div class="hoverAge movie-age movie-age-A14"></div>
8453                    <div class="hoverInfo">
8454                        <div class="movie-captionContainer">
8455                                <div class="movie-caption">Dublado</div>
8456                                <div class="movie-caption">Legendado</div>
8457                        </div>
8458                        <div class="hoverGenre">
8459                            Drama, Fam&#xED;lia
8460                        </div>
8461                    </div>
8462                </div>
8463            </div>
8464        </div>
8465        <div class="mediaCover">
8466           
8467            <div class="media-image">
8468                <div class="nameMedia" itemprop="name">Enfermeiros: Uma Nova Era - 1&#xAA; Temporada</div>
8469                <video onclick="Hover.details('/detalhes/470273')" muted loop src=""></video>
8470                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8471
8472                            <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" />
8473                            <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" />
8474
8475                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
8475om.br/0470295/0470295.mp4" />
8476                    <div class="mediaProgressBar" style="display: none">
8477                        <div class="baseBar"></div>
8478                        <div class="percentBar" style="width: 0%"></div>
8479                    </div>
8480                </div>
8481            <div class="mediaSynopsi">
8482    @ -299,21 +288,10 @ button#btnCancelar {
8483  
8484                <div class="buttons">
8485                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8486                    <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">
8487                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8488                    </div>
8489                    <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">
8490                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8491                    </div>
8492                </div>
8493                <div class="text">
8494                    <div><strong>Enfermeiros: Uma Nova Era - 1&#xAA; Temporada</strong></div>
8495                    <div>O governo dinamarqu&#xEA;s passa a permitir que homens tamb&#xE9;m frequentem o curso de enfermagem.</div>
8496                </div>
8497            </div>
8498        </div>
8499            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8500    </div>
8501</li>
8502
8503<script>
8504    var IdItemSelected;
8505
8506function onDeleteItem(idItem) {
8507    IdItemSelected = idItem;
8508    $('#modalConfirmacao').show();
8509}
8510    $(document).ready(function() {
8511        $('.close, #btnCancelar').unbind('click')
8512        $('.close, #btnCancelar').click(function() {
8513            $('#modalConfirmacao').hide();
8514        });
8515
8516        $('#btnConfirmar').unbind('click')
8517        $('#btnConfirmar').click(function() {
8518            Helpers.showLoading();
8519             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8520                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8521                $('#modalConfirmacao').hide();
8522            }).done(function (response) {
8523                if (JSON.parse(response).response.toLowerCase() == "true") {
8524                    location.reload();
8525                }
8526                else{
8527                    Helpers.hideLoading();
8528                }
8529            }).fail(function (erro) {
8530               console.log(erro.responseText)
8531            });
8532        });
8533    });
8534</script>
8534
8535
8536<style>
8537    .remove-icon {
8538        position: absolute;
8539        top: 10px;
8540        left: 10px;
8541        display: flex;
8542        align-items: center;
8543        opacity: 0;
8544        transition: opacity 0.3s ease;
8545    }
8546    .remove-icon img {
8547        width: 30px; 
8548        height: 30px;
8549        background-color: rgba(0, 0, 0, 0.7);
8550        border-radius: 5px;
8551    }
8552    .remove-icon span {
8553        font-size: 14px;
8554        color: #fff;
8555        background-color: rgba(0, 0, 0, 0.7);
8556        padding: 5px;
8557        border-radius: 3px;
8558        margin-left: 30px;
8559        display: none;
8560    }
8561    .media-image:hover .remove-icon {
8562        opacity: 1;
8563    }
8564    .remove-icon:hover span {
8565        display: inline-block; 
8566    }
8567    .modal {
8568        display: none; 
8569        position: fixed;
8570        z-index: 10000;
8571        left: 0;
8572        top: 0;
8573        width: 100%;
8574        height: 100%;
8575        background-color: rgba(0, 0, 0, 0.5);
8576    }
8577    .modal-content {
8578        background-color: white;
8579        margin: 15% auto;
8580        padding: 20px;
8581        border: 1px solid #888;
8582        width: 30%;
8583        text-align: center;
8584        position: relative;
8585        color: #444;
8586        z-index: 10;
8587    }
8588    .close {
8589        position: absolute;
8590        top: 10px;
8591        right: 15px;
8592        font-size: 20px;
8593        font-weight: bold;
8594        cursor: pointer;
8595    }
8596    button {
8597        margin: 10px;
8598        padding: 10px 20px;
8599        cursor: pointer;
8600    }
8601    button#btnCancelar {
8602        background-color: transparent;
8603        color: black;
8604        border: none;
8605    }
8606</style>
8607
8608<li itemscope itemtype="http://schema.org/ItemList" mediaid="212808">
8609    <div class="mediaContainer media-style"
8610         onmousemove="Hover.checkHoverPosition(event, $(this))"
8611         onmouseout="Hover.mobileOut(event, $(this))"
8612         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8613        <div class="item_loader"></div>
8614        <div class="priceContainer">
8615        </div>
8616        <div class="mediaHover">
8617            <div class="hoverContainerInfo">
8618                <div>
8619                    <div class="hoverTitle">
8620                        <div class="hoverTextTitle">A Lenda de Lady Ferrari</div>
8621                            <div class="hoverInfoTitle">2020 (12 episódios)</div>
8622                    </div>
8623                </div>
8624                <div class="hoverContainerAge">
8625                    <div class="hoverAge movie-age movie-age-A16"></div>
8626                    <div class="hoverInfo">
8627                        <div class="movie-captionContainer">
8628                                <div class="movie-caption">Dublado</div>
8629                                <div class="movie-caption">Legendado</div>
8630                        </div>
8631                        <div class="hoverGenre">
8632                            A&#xE7;&#xE3;o, Drama, Guerra, Romance
8633                        </div>
8634                    </div>
8635                </div>
8636            </div>
8637        </div>
8638        <div class="mediaCover">
8639           
8640            <div class="media-image">
8641                <div class="nameMedia" itemprop="name">A Lenda de Lady Ferrari</div>
8642                <video onclick="Hover.details('/detalhes/212808')" muted loop src=""></video>
8643                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8644
8645                            <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" />
8646                            <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" />
8647
8648                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
8648om.br/0212903/0212903.mp4" />
8649                    <div class="mediaProgressBar" style="display: none">
8650                        <div class="baseBar"></div>
8651                        <div class="percentBar" style="width: 0%"></div>
8652                    </div>
8653                </div>
8654            <div class="mediaSynopsi">
8655    @ -299,21 +288,10 @ button#btnCancelar {
8656  
8657                <div class="buttons">
8658                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8659                    <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">
8660                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8661                    </div>
8662                    <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">
8663                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8664                    </div>
8665                </div>
8666                <div class="text">
8667                    <div><strong>A Lenda de Lady Ferrari</strong></div>
8668                    <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>
8669                </div>
8670            </div>
8671        </div>
8672            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8673    </div>
8674</li>
8675
8676<script>
8677    var IdItemSelected;
8678
8679function onDeleteItem(idItem) {
8680    IdItemSelected = idItem;
8681    $('#modalConfirmacao').show();
8682}
8683    $(document).ready(function() {
8684        $('.close, #btnCancelar').unbind('click')
8685        $('.close, #btnCancelar').click(function() {
8686            $('#modalConfirmacao').hide();
8687        });
8688
8689        $('#btnConfirmar').unbind('click')
8690        $('#btnConfirmar').click(function() {
8691            Helpers.showLoading();
8692             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8693                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8694                $('#modalConfirmacao').hide();
8695            }).done(function (response) {
8696                if (JSON.parse(response).response.toLowerCase() == "true") {
8697                    location.reload();
8698                }
8699                else{
8700                    Helpers.hideLoading();
8701                }
8702            }).fail(function (erro) {
8703               console.log(erro.responseText)
8704            });
8705        });
8706    });
8707</script>
8707
8708
8709<style>
8710    .remove-icon {
8711        position: absolute;
8712        top: 10px;
8713        left: 10px;
8714        display: flex;
8715        align-items: center;
8716        opacity: 0;
8717        transition: opacity 0.3s ease;
8718    }
8719    .remove-icon img {
8720        width: 30px; 
8721        height: 30px;
8722        background-color: rgba(0, 0, 0, 0.7);
8723        border-radius: 5px;
8724    }
8725    .remove-icon span {
8726        font-size: 14px;
8727        color: #fff;
8728        background-color: rgba(0, 0, 0, 0.7);
8729        padding: 5px;
8730        border-radius: 3px;
8731        margin-left: 30px;
8732        display: none;
8733    }
8734    .media-image:hover .remove-icon {
8735        opacity: 1;
8736    }
8737    .remove-icon:hover span {
8738        display: inline-block; 
8739    }
8740    .modal {
8741        display: none; 
8742        position: fixed;
8743        z-index: 10000;
8744        left: 0;
8745        top: 0;
8746        width: 100%;
8747        height: 100%;
8748        background-color: rgba(0, 0, 0, 0.5);
8749    }
8750    .modal-content {
8751        background-color: white;
8752        margin: 15% auto;
8753        padding: 20px;
8754        border: 1px solid #888;
8755        width: 30%;
8756        text-align: center;
8757        position: relative;
8758        color: #444;
8759        z-index: 10;
8760    }
8761    .close {
8762        position: absolute;
8763        top: 10px;
8764        right: 15px;
8765        font-size: 20px;
8766        font-weight: bold;
8767        cursor: pointer;
8768    }
8769    button {
8770        margin: 10px;
8771        padding: 10px 20px;
8772        cursor: pointer;
8773    }
8774    button#btnCancelar {
8775        background-color: transparent;
8776        color: black;
8777        border: none;
8778    }
8779</style>
8780
8781<li itemscope itemtype="http://schema.org/ItemList" mediaid="469743">
8782    <div class="mediaContainer media-style"
8783         onmousemove="Hover.checkHoverPosition(event, $(this))"
8784         onmouseout="Hover.mobileOut(event, $(this))"
8785         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8786        <div class="item_loader"></div>
8787        <div class="priceContainer">
8788        </div>
8789        <div class="mediaHover">
8790            <div class="hoverContainerInfo">
8791                <div>
8792                    <div class="hoverTitle">
8793                        <div class="hoverTextTitle">Fraturas de um Passado - 1&#xAA; Temporada</div>
8794                            <div class="hoverInfoTitle">2022 (8 episódios)</div>
8795                    </div>
8796                </div>
8797                <div class="hoverContainerAge">
8798                    <div class="hoverAge movie-age movie-age-A14"></div>
8799                    <div class="hoverInfo">
8800                        <div class="movie-captionContainer">
8801                                <div class="movie-caption">Dublado</div>
8802                                <div class="movie-caption">Legendado</div>
8803                        </div>
8804                        <div class="hoverGenre">
8805                            Drama
8806                        </div>
8807                    </div>
8808                </div>
8809            </div>
8810        </div>
8811        <div class="mediaCover">
8812           
8813            <div class="media-image">
8814                <div class="nameMedia" itemprop="name">Fraturas de um Passado - 1&#xAA; Temporada</div>
8815                <video onclick="Hover.details('/detalhes/469743')" muted loop src=""></video>
8816                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8817
8818                                <img
8819                                    draggable="false"
8820                                    loading="lazy"
8821                                    onclick="Hover.details('/detalhes/469743')"
8822                                    onerror="this.src='https://images-01.ottvs.com.br/0469746/looke_1010_670.jpg'; this.onerror = null;"
8823                                    class="imgStyle_landscape imgBase"
8824                                    itemprop="image"
8825                                    alt="Fraturas de um Passado - 1&#xAA; Temporada"
8826                                    src="https://images-01.ottvs.com.br/0469743/0469743_335.jpg"
8827                                    onload="$(this).fadeIn();"
8828                                />
8829
8830                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
8830om.br/0469746/0469746.mp4" />
8831                    <div class="mediaProgressBar" style="display: none">
8832                        <div class="baseBar"></div>
8833                        <div class="percentBar" style="width: 0%"></div>
8834                    </div>
8835                </div>
8836            <div class="mediaSynopsi">
8837    @ -299,21 +288,10 @ button#btnCancelar {
8838  
8839                <div class="buttons">
8840                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
8841                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/469743&amp;t=Fraturas%20de%20um%20Passado%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
8842                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
8843                    </div>
8844                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/469743&amp;text=Fraturas%20de%20um%20Passado%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
8845                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
8846                    </div>
8847                </div>
8848                <div class="text">
8849                    <div><strong>Fraturas de um Passado - 1&#xAA; Temporada</strong></div>
8850                    <div>Ap&#xF3;s retornar para a casa de seus pais, Kristin precisar&#xE1; lidar com alguns fantasmas de seu passado.</div>
8851                </div>
8852            </div>
8853        </div>
8854            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
8855    </div>
8856</li>
8857
8858<script>
8859    var IdItemSelected;
8860
8861function onDeleteItem(idItem) {
8862    IdItemSelected = idItem;
8863    $('#modalConfirmacao').show();
8864}
8865    $(document).ready(function() {
8866        $('.close, #btnCancelar').unbind('click')
8867        $('.close, #btnCancelar').click(function() {
8868            $('#modalConfirmacao').hide();
8869        });
8870
8871        $('#btnConfirmar').unbind('click')
8872        $('#btnConfirmar').click(function() {
8873            Helpers.showLoading();
8874             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
8875                $(`[mediaid=${IdItemSelected}]`).fadeOut();
8876                $('#modalConfirmacao').hide();
8877            }).done(function (response) {
8878                if (JSON.parse(response).response.toLowerCase() == "true") {
8879                    location.reload();
8880                }
8881                else{
8882                    Helpers.hideLoading();
8883                }
8884            }).fail(function (erro) {
8885               console.log(erro.responseText)
8886            });
8887        });
8888    });
8889</script>
8889
8890
8891<style>
8892    .remove-icon {
8893        position: absolute;
8894        top: 10px;
8895        left: 10px;
8896        display: flex;
8897        align-items: center;
8898        opacity: 0;
8899        transition: opacity 0.3s ease;
8900    }
8901    .remove-icon img {
8902        width: 30px; 
8903        height: 30px;
8904        background-color: rgba(0, 0, 0, 0.7);
8905        border-radius: 5px;
8906    }
8907    .remove-icon span {
8908        font-size: 14px;
8909        color: #fff;
8910        background-color: rgba(0, 0, 0, 0.7);
8911        padding: 5px;
8912        border-radius: 3px;
8913        margin-left: 30px;
8914        display: none;
8915    }
8916    .media-image:hover .remove-icon {
8917        opacity: 1;
8918    }
8919    .remove-icon:hover span {
8920        display: inline-block; 
8921    }
8922    .modal {
8923        display: none; 
8924        position: fixed;
8925        z-index: 10000;
8926        left: 0;
8927        top: 0;
8928        width: 100%;
8929        height: 100%;
8930        background-color: rgba(0, 0, 0, 0.5);
8931    }
8932    .modal-content {
8933        background-color: white;
8934        margin: 15% auto;
8935        padding: 20px;
8936        border: 1px solid #888;
8937        width: 30%;
8938        text-align: center;
8939        position: relative;
8940        color: #444;
8941        z-index: 10;
8942    }
8943    .close {
8944        position: absolute;
8945        top: 10px;
8946        right: 15px;
8947        font-size: 20px;
8948        font-weight: bold;
8949        cursor: pointer;
8950    }
8951    button {
8952        margin: 10px;
8953        padding: 10px 20px;
8954        cursor: pointer;
8955    }
8956    button#btnCancelar {
8957        background-color: transparent;
8958        color: black;
8959        border: none;
8960    }
8961</style>
8962
8963<li itemscope itemtype="http://schema.org/ItemList" mediaid="214032">
8964    <div class="mediaContainer media-style"
8965         onmousemove="Hover.checkHoverPosition(event, $(this))"
8966         onmouseout="Hover.mobileOut(event, $(this))"
8967         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
8968        <div class="item_loader"></div>
8969        <div class="priceContainer">
8970        </div>
8971        <div class="mediaHover">
8972            <div class="hoverContainerInfo">
8973                <div>
8974                    <div class="hoverTitle">
8975                        <div class="hoverTextTitle">Procurados: Vivos ou Mortos - 1&#xAA; Temporada</div>
8976                            <div class="hoverInfoTitle">2019 (4 episódios)</div>
8977                    </div>
8978                </div>
8979                <div class="hoverContainerAge">
8980                    <div class="hoverAge movie-age movie-age-A14"></div>
8981                    <div class="hoverInfo">
8982                        <div class="movie-captionContainer">
8983                                <div class="movie-caption">Dublado</div>
8984                                <div class="movie-caption">Legendado</div>
8985                        </div>
8986                        <div class="hoverGenre">
8987                            A&#xE7;&#xE3;o, Com&#xE9;dia, Drama, Western
8988                        </div>
8989                    </div>
8990                </div>
8991            </div>
8992        </div>
8993        <div class="mediaCover">
8994           
8995            <div class="media-image">
8996                <div class="nameMedia" itemprop="name">Procurados: Vivos ou Mortos - 1&#xAA; Temporada</div>
8997                <video onclick="Hover.details('/detalhes/214032')" muted loop src=""></video>
8998                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
8999
9000                            <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" />
9001                            <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;
9001 Temporada" src="https://images-01.ottvs.com.br/0214032/looke_1010_670.jpg" loading="lazy" />
9002
9003                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0214035/0214035.mp4" />
9004                    <div class="mediaProgressBar" style="display: none">
9005                        <div class="baseBar"></div>
9006                        <div class="percentBar" style="width: 0%"></div>
9007                    </div>
9008                </div>
9009            <div class="mediaSynopsi">
9010    @ -299,21 +288,10 @ button#btnCancelar {
9011  
9012                <div class="buttons">
9013                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9014                    <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">
9015                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9016                    </div>
9017                    <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">
9018                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9019                    </div>
9020                </div>
9021                <div class="text">
9022                    <div><strong>Procurados: Vivos ou Mortos - 1&#xAA; Temporada</strong></div>
9023                    <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>
9024                </div>
9025            </div>
9026        </div>
9027            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9028    </div>
9029</li>
9030
9031<script>
9032    var IdItemSelected;
9033
9034function onDeleteItem(idItem) {
9035    IdItemSelected = idItem;
9036    $('#modalConfirmacao').show();
9037}
9038    $(document).ready(function() {
9039        $('.close, #btnCancelar').unbind('click')
9040        $('.close, #btnCancelar').click(function() {
9041            $('#modalConfirmacao').hide();
9042        });
9043
9044        $('#btnConfirmar').unbind('click')
9045        $('#btnConfirmar').click(function() {
9046            Helpers.showLoading();
9047             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9048                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9049                $('#modalConfirmacao').hide();
9050            }).done(function (response) {
9051                if (JSON.parse(response).response.toLowerCase() == "true") {
9052                    location.reload();
9053                }
9054                else{
9055                    Helpers.hideLoading();
9056                }
9057            }).fail(function (erro) {
9058               console.log(erro.responseText)
9059            });
9060        });
9061    });
9062</script>
9062
9063
9064<style>
9065    .remove-icon {
9066        position: absolute;
9067        top: 10px;
9068        left: 10px;
9069        display: flex;
9070        align-items: center;
9071        opacity: 0;
9072        transition: opacity 0.3s ease;
9073    }
9074    .remove-icon img {
9075        width: 30px; 
9076        height: 30px;
9077        background-color: rgba(0, 0, 0, 0.7);
9078        border-radius: 5px;
9079    }
9080    .remove-icon span {
9081        font-size: 14px;
9082        color: #fff;
9083        background-color: rgba(0, 0, 0, 0.7);
9084        padding: 5px;
9085        border-radius: 3px;
9086        margin-left: 30px;
9087        display: none;
9088    }
9089    .media-image:hover .remove-icon {
9090        opacity: 1;
9091    }
9092    .remove-icon:hover span {
9093        display: inline-block; 
9094    }
9095    .modal {
9096        display: none; 
9097        position: fixed;
9098        z-index: 10000;
9099        left: 0;
9100        top: 0;
9101        width: 100%;
9102        height: 100%;
9103        background-color: rgba(0, 0, 0, 0.5);
9104    }
9105    .modal-content {
9106        background-color: white;
9107        margin: 15% auto;
9108        padding: 20px;
9109        border: 1px solid #888;
9110        width: 30%;
9111        text-align: center;
9112        position: relative;
9113        color: #444;
9114        z-index: 10;
9115    }
9116    .close {
9117        position: absolute;
9118        top: 10px;
9119        right: 15px;
9120        font-size: 20px;
9121        font-weight: bold;
9122        cursor: pointer;
9123    }
9124    button {
9125        margin: 10px;
9126        padding: 10px 20px;
9127        cursor: pointer;
9128    }
9129    button#btnCancelar {
9130        background-color: transparent;
9131        color: black;
9132        border: none;
9133    }
9134</style>
9135
9136<li itemscope itemtype="http://schema.org/ItemList" mediaid="404318">
9137    <div class="mediaContainer media-style"
9138         onmousemove="Hover.checkHoverPosition(event, $(this))"
9139         onmouseout="Hover.mobileOut(event, $(this))"
9140         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9141        <div class="item_loader"></div>
9142        <div class="priceContainer">
9143        </div>
9144        <div class="mediaHover">
9145            <div class="hoverContainerInfo">
9146                <div>
9147                    <div class="hoverTitle">
9148                        <div class="hoverTextTitle">A Troca - 2&#xAA; Temporada</div>
9149                            <div class="hoverInfoTitle">2023 (13 episódios)</div>
9150                    </div>
9151                </div>
9152                <div class="hoverContainerAge">
9153                    <div class="hoverAge movie-age movie-age-A0"></div>
9154                    <div class="hoverInfo">
9155                        <div class="movie-captionContainer">
9156                                <div class="movie-caption">Dublado</div>
9157                                <div class="movie-caption">Legendado</div>
9158                        </div>
9159                        <div class="hoverGenre">
9160                            Com&#xE9;dia, Drama
9161                        </div>
9162                    </div>
9163                </div>
9164            </div>
9165        </div>
9166        <div class="mediaCover">
9167           
9168            <div class="media-image">
9169                <div class="nameMedia" itemprop="name">A Troca - 2&#xAA; Temporada</div>
9170                <video onclick="Hover.details('/detalhes/404318')" muted loop src=""></video>
9171                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9172
9173                            <img draggable="false" onclick="Hover.details('/detalhes/404318')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="A Troca - 2&#xAA; Temporada" src="https://images-01.ottvs.com.br/0404318/0404318_335.jpg" loading="lazy" />
9174                            <img draggable="false" onclick="Hover.details('/detalhes/404318')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0404319/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="A Troca - 2&#xAA; Temporada" src="https://images-01.ottvs.com.br/0404318/looke_1010_670.jpg" loading="lazy" />
9175
9176                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9176om.br/0404319/0404319.mp4" />
9177                    <div class="mediaProgressBar" style="display: none">
9178                        <div class="baseBar"></div>
9179                        <div class="percentBar" style="width: 0%"></div>
9180                    </div>
9181                </div>
9182            <div class="mediaSynopsi">
9183    @ -299,21 +288,10 @ button#btnCancelar {
9184  
9185                <div class="buttons">
9186                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9187                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/404318&amp;t=A%20Troca%20-%202%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9188                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9189                    </div>
9190                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/404318&amp;text=A%20Troca%20-%202%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9191                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9192                    </div>
9193                </div>
9194                <div class="text">
9195                    <div><strong>A Troca - 2&#xAA; Temporada</strong></div>
9196                    <div>Oito anos atr&#xE1;s, duas fam&#xED;lias tiveram seus filhos trocados na maternidade. No come&#xE7;o, a troca parecia ser uma grande coincid&#xEA;ncia, mas depois foi revelado que foi causada pelo irm&#xE3;o de um dos pais das crian&#xE7;as</div>
9197                </div>
9198            </div>
9199        </div>
9200            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9201    </div>
9202</li>
9203
9204<script>
9205    var IdItemSelected;
9206
9207function onDeleteItem(idItem) {
9208    IdItemSelected = idItem;
9209    $('#modalConfirmacao').show();
9210}
9211    $(document).ready(function() {
9212        $('.close, #btnCancelar').unbind('click')
9213        $('.close, #btnCancelar').click(function() {
9214            $('#modalConfirmacao').hide();
9215        });
9216
9217        $('#btnConfirmar').unbind('click')
9218        $('#btnConfirmar').click(function() {
9219            Helpers.showLoading();
9220             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9221                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9222                $('#modalConfirmacao').hide();
9223            }).done(function (response) {
9224                if (JSON.parse(response).response.toLowerCase() == "true") {
9225                    location.reload();
9226                }
9227                else{
9228                    Helpers.hideLoading();
9229                }
9230            }).fail(function (erro) {
9231               console.log(erro.responseText)
9232            });
9233        });
9234    });
9235</script>
9235
9236
9237<style>
9238    .remove-icon {
9239        position: absolute;
9240        top: 10px;
9241        left: 10px;
9242        display: flex;
9243        align-items: center;
9244        opacity: 0;
9245        transition: opacity 0.3s ease;
9246    }
9247    .remove-icon img {
9248        width: 30px; 
9249        height: 30px;
9250        background-color: rgba(0, 0, 0, 0.7);
9251        border-radius: 5px;
9252    }
9253    .remove-icon span {
9254        font-size: 14px;
9255        color: #fff;
9256        background-color: rgba(0, 0, 0, 0.7);
9257        padding: 5px;
9258        border-radius: 3px;
9259        margin-left: 30px;
9260        display: none;
9261    }
9262    .media-image:hover .remove-icon {
9263        opacity: 1;
9264    }
9265    .remove-icon:hover span {
9266        display: inline-block; 
9267    }
9268    .modal {
9269        display: none; 
9270        position: fixed;
9271        z-index: 10000;
9272        left: 0;
9273        top: 0;
9274        width: 100%;
9275        height: 100%;
9276        background-color: rgba(0, 0, 0, 0.5);
9277    }
9278    .modal-content {
9279        background-color: white;
9280        margin: 15% auto;
9281        padding: 20px;
9282        border: 1px solid #888;
9283        width: 30%;
9284        text-align: center;
9285        position: relative;
9286        color: #444;
9287        z-index: 10;
9288    }
9289    .close {
9290        position: absolute;
9291        top: 10px;
9292        right: 15px;
9293        font-size: 20px;
9294        font-weight: bold;
9295        cursor: pointer;
9296    }
9297    button {
9298        margin: 10px;
9299        padding: 10px 20px;
9300        cursor: pointer;
9301    }
9302    button#btnCancelar {
9303        background-color: transparent;
9304        color: black;
9305        border: none;
9306    }
9307</style>
9308
9309<li itemscope itemtype="http://schema.org/ItemList" mediaid="434907">
9310    <div class="mediaContainer media-style"
9311         onmousemove="Hover.checkHoverPosition(event, $(this))"
9312         onmouseout="Hover.mobileOut(event, $(this))"
9313         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9314        <div class="item_loader"></div>
9315        <div class="priceContainer">
9316        </div>
9317        <div class="mediaHover">
9318            <div class="hoverContainerInfo">
9319                <div>
9320                    <div class="hoverTitle">
9321                        <div class="hoverTextTitle">Mem&#xF3;rias de uma Pris&#xE3;o - 1&#xAA; Temporada</div>
9322                            <div class="hoverInfoTitle">2023 (8 episódios)</div>
9323                    </div>
9324                </div>
9325                <div class="hoverContainerAge">
9326                    <div class="hoverAge movie-age movie-age-A16"></div>
9327                    <div class="hoverInfo">
9328                        <div class="movie-captionContainer">
9329                                <div class="movie-caption">Dublado</div>
9330                                <div class="movie-caption">Legendado</div>
9331                        </div>
9332                        <div class="hoverGenre">
9333                            Suspense, Policial, Drama
9334                        </div>
9335                    </div>
9336                </div>
9337            </div>
9338        </div>
9339        <div class="mediaCover">
9340           
9341            <div class="media-image">
9342                <div class="nameMedia" itemprop="name">Mem&#xF3;rias de uma Pris&#xE3;o - 1&#xAA; Temporada</div>
9343                <video onclick="Hover.details('/detalhes/434907')" muted loop src=""></video>
9344                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9345
9346                            <img draggable="false" onclick="Hover.details('/detalhes/434907')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Mem&#xF3;rias de uma Pris&#xE3;o - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0434907/0434907_335.jpg" loading="lazy" />
9347                            <img draggable="false" onclick="Hover.details('/detalhes/434907')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0434919/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Mem&#xF3;rias de uma Pris&#xE3;o - 1&#xAA;
9347 Temporada" src="https://images-01.ottvs.com.br/0434907/looke_1010_670.jpg" loading="lazy" />
9348
9349                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0434919/0434919.mp4" />
9350                    <div class="mediaProgressBar" style="display: none">
9351                        <div class="baseBar"></div>
9352                        <div class="percentBar" style="width: 0%"></div>
9353                    </div>
9354                </div>
9355            <div class="mediaSynopsi">
9356    @ -299,21 +288,10 @ button#btnCancelar {
9357  
9358                <div class="buttons">
9359                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9360                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/434907&amp;t=Mem%C3%B3rias%20de%20uma%20Pris%C3%A3o%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9361                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9362                    </div>
9363                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/434907&amp;text=Mem%C3%B3rias%20de%20uma%20Pris%C3%A3o%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9364                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9365                    </div>
9366                </div>
9367                <div class="text">
9368                    <div><strong>Mem&#xF3;rias de uma Pris&#xE3;o - 1&#xAA; Temporada</strong></div>
9369                    <div>Antologia de hist&#xF3;rias contadas em &#xE9;pocas distintas, mas que aconteceram no mesmo pres&#xED;dio.</div>
9370                </div>
9371            </div>
9372        </div>
9373            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9374    </div>
9375</li>
9376
9377<script>
9378    var IdItemSelected;
9379
9380function onDeleteItem(idItem) {
9381    IdItemSelected = idItem;
9382    $('#modalConfirmacao').show();
9383}
9384    $(document).ready(function() {
9385        $('.close, #btnCancelar').unbind('click')
9386        $('.close, #btnCancelar').click(function() {
9387            $('#modalConfirmacao').hide();
9388        });
9389
9390        $('#btnConfirmar').unbind('click')
9391        $('#btnConfirmar').click(function() {
9392            Helpers.showLoading();
9393             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9394                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9395                $('#modalConfirmacao').hide();
9396            }).done(function (response) {
9397                if (JSON.parse(response).response.toLowerCase() == "true") {
9398                    location.reload();
9399                }
9400                else{
9401                    Helpers.hideLoading();
9402                }
9403            }).fail(function (erro) {
9404               console.log(erro.responseText)
9405            });
9406        });
9407    });
9408</script>
9408
9409
9410<style>
9411    .remove-icon {
9412        position: absolute;
9413        top: 10px;
9414        left: 10px;
9415        display: flex;
9416        align-items: center;
9417        opacity: 0;
9418        transition: opacity 0.3s ease;
9419    }
9420    .remove-icon img {
9421        width: 30px; 
9422        height: 30px;
9423        background-color: rgba(0, 0, 0, 0.7);
9424        border-radius: 5px;
9425    }
9426    .remove-icon span {
9427        font-size: 14px;
9428        color: #fff;
9429        background-color: rgba(0, 0, 0, 0.7);
9430        padding: 5px;
9431        border-radius: 3px;
9432        margin-left: 30px;
9433        display: none;
9434    }
9435    .media-image:hover .remove-icon {
9436        opacity: 1;
9437    }
9438    .remove-icon:hover span {
9439        display: inline-block; 
9440    }
9441    .modal {
9442        display: none; 
9443        position: fixed;
9444        z-index: 10000;
9445        left: 0;
9446        top: 0;
9447        width: 100%;
9448        height: 100%;
9449        background-color: rgba(0, 0, 0, 0.5);
9450    }
9451    .modal-content {
9452        background-color: white;
9453        margin: 15% auto;
9454        padding: 20px;
9455        border: 1px solid #888;
9456        width: 30%;
9457        text-align: center;
9458        position: relative;
9459        color: #444;
9460        z-index: 10;
9461    }
9462    .close {
9463        position: absolute;
9464        top: 10px;
9465        right: 15px;
9466        font-size: 20px;
9467        font-weight: bold;
9468        cursor: pointer;
9469    }
9470    button {
9471        margin: 10px;
9472        padding: 10px 20px;
9473        cursor: pointer;
9474    }
9475    button#btnCancelar {
9476        background-color: transparent;
9477        color: black;
9478        border: none;
9479    }
9480</style>
9481
9482<li itemscope itemtype="http://schema.org/ItemList" mediaid="65245">
9483    <div class="mediaContainer media-style"
9484         onmousemove="Hover.checkHoverPosition(event, $(this))"
9485         onmouseout="Hover.mobileOut(event, $(this))"
9486         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9487        <div class="item_loader"></div>
9488        <div class="priceContainer">
9489        </div>
9490        <div class="mediaHover">
9491            <div class="hoverContainerInfo">
9492                <div>
9493                    <div class="hoverTitle">
9494                        <div class="hoverTextTitle">Ouro Verde - 1&#xAA; Temporada</div>
9495                            <div class="hoverInfoTitle">2017 (110 episódios)</div>
9496                    </div>
9497                </div>
9498                <div class="hoverContainerAge">
9499                    <div class="hoverAge movie-age movie-age-12"></div>
9500                    <div class="hoverInfo">
9501                        <div class="movie-captionContainer">
9502                                <div class="movie-caption">Dublado</div>
9503                        </div>
9504                        <div class="hoverGenre">
9505                            Drama, Com&#xE9;dia, Policial, Romance
9506                        </div>
9507                    </div>
9508                </div>
9509            </div>
9510        </div>
9511        <div class="mediaCover">
9512           
9513            <div class="media-image">
9514                <div class="nameMedia" itemprop="name">Ouro Verde - 1&#xAA; Temporada</div>
9515                <video onclick="Hover.details('/detalhes/65245')" muted loop src=""></video>
9516                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9517
9518                            <img draggable="false" onclick="Hover.details('/detalhes/65245')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Ouro Verde - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0065245/0065245_335.jpg" loading="lazy" />
9519                            <img draggable="false" onclick="Hover.details('/detalhes/65245')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0065247/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Ouro Verde - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0065245/looke_1010_670.jpg" loading="lazy" />
9520
9521                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9521om.br/0065247/0065247.mp4" />
9522                    <div class="mediaProgressBar" style="display: none">
9523                        <div class="baseBar"></div>
9524                        <div class="percentBar" style="width: 0%"></div>
9525                    </div>
9526                </div>
9527            <div class="mediaSynopsi">
9528    @ -299,21 +288,10 @ button#btnCancelar {
9529  
9530                <div class="buttons">
9531                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9532                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/65245&amp;t=Ouro%20Verde%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9533                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9534                    </div>
9535                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/65245&amp;text=Ouro%20Verde%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9536                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9537                    </div>
9538                </div>
9539                <div class="text">
9540                    <div><strong>Ouro Verde - 1&#xAA; Temporada</strong></div>
9541                    <div>Jorge Monforte&#xA0;&#xE9; dono do imp&#xE9;rio Ouro Verde (Brasil), um dos l&#xED;deres mundiais no mercado agropecu&#xE1;rio. Bilion&#xE1;rio, acaba de adquirir uma importante participa&#xE7;&#xE3;o no Banco Brand&#xE3;o &amp; Fonseca (BBF), uma empresa familiar liderada pelo poderoso banqueiro portugu&#xEA;s&#xA0;Miguel Ferreira da Fonseca.</div>
9542                </div>
9543            </div>
9544        </div>
9545            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9546    </div>
9547</li>
9548
9549<script>
9550    var IdItemSelected;
9551
9552function onDeleteItem(idItem) {
9553    IdItemSelected = idItem;
9554    $('#modalConfirmacao').show();
9555}
9556    $(document).ready(function() {
9557        $('.close, #btnCancelar').unbind('click')
9558        $('.close, #btnCancelar').click(function() {
9559            $('#modalConfirmacao').hide();
9560        });
9561
9562        $('#btnConfirmar').unbind('click')
9563        $('#btnConfirmar').click(function() {
9564            Helpers.showLoading();
9565             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9566                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9567                $('#modalConfirmacao').hide();
9568            }).done(function (response) {
9569                if (JSON.parse(response).response.toLowerCase() == "true") {
9570                    location.reload();
9571                }
9572                else{
9573                    Helpers.hideLoading();
9574                }
9575            }).fail(function (erro) {
9576               console.log(erro.responseText)
9577            });
9578        });
9579    });
9580</script>
9580
9581
9582<style>
9583    .remove-icon {
9584        position: absolute;
9585        top: 10px;
9586        left: 10px;
9587        display: flex;
9588        align-items: center;
9589        opacity: 0;
9590        transition: opacity 0.3s ease;
9591    }
9592    .remove-icon img {
9593        width: 30px; 
9594        height: 30px;
9595        background-color: rgba(0, 0, 0, 0.7);
9596        border-radius: 5px;
9597    }
9598    .remove-icon span {
9599        font-size: 14px;
9600        color: #fff;
9601        background-color: rgba(0, 0, 0, 0.7);
9602        padding: 5px;
9603        border-radius: 3px;
9604        margin-left: 30px;
9605        display: none;
9606    }
9607    .media-image:hover .remove-icon {
9608        opacity: 1;
9609    }
9610    .remove-icon:hover span {
9611        display: inline-block; 
9612    }
9613    .modal {
9614        display: none; 
9615        position: fixed;
9616        z-index: 10000;
9617        left: 0;
9618        top: 0;
9619        width: 100%;
9620        height: 100%;
9621        background-color: rgba(0, 0, 0, 0.5);
9622    }
9623    .modal-content {
9624        background-color: white;
9625        margin: 15% auto;
9626        padding: 20px;
9627        border: 1px solid #888;
9628        width: 30%;
9629        text-align: center;
9630        position: relative;
9631        color: #444;
9632        z-index: 10;
9633    }
9634    .close {
9635        position: absolute;
9636        top: 10px;
9637        right: 15px;
9638        font-size: 20px;
9639        font-weight: bold;
9640        cursor: pointer;
9641    }
9642    button {
9643        margin: 10px;
9644        padding: 10px 20px;
9645        cursor: pointer;
9646    }
9647    button#btnCancelar {
9648        background-color: transparent;
9649        color: black;
9650        border: none;
9651    }
9652</style>
9653
9654<li itemscope itemtype="http://schema.org/ItemList" mediaid="200142">
9655    <div class="mediaContainer media-style"
9656         onmousemove="Hover.checkHoverPosition(event, $(this))"
9657         onmouseout="Hover.mobileOut(event, $(this))"
9658         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9659        <div class="item_loader"></div>
9660        <div class="priceContainer">
9661        </div>
9662        <div class="mediaHover">
9663            <div class="hoverContainerInfo">
9664                <div>
9665                    <div class="hoverTitle">
9666                        <div class="hoverTextTitle">Sangue Novo - 1&#xAA; Temporada</div>
9667                            <div class="hoverInfoTitle">2016 (7 episódios)</div>
9668                    </div>
9669                </div>
9670                <div class="hoverContainerAge">
9671                    <div class="hoverAge movie-age movie-age-A16"></div>
9672                    <div class="hoverInfo">
9673                        <div class="movie-captionContainer">
9674                                <div class="movie-caption">Dublado</div>
9675                                <div class="movie-caption">Legendado</div>
9676                        </div>
9677                        <div class="hoverGenre">
9678                            Policial, Crime, Drama, Mist&#xE9;rio
9679                        </div>
9680                    </div>
9681                </div>
9682            </div>
9683        </div>
9684        <div class="mediaCover">
9685           
9686            <div class="media-image">
9687                <div class="nameMedia" itemprop="name">Sangue Novo - 1&#xAA; Temporada</div>
9688                <video onclick="Hover.details('/detalhes/200142')" muted loop src=""></video>
9689                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9690
9691                            <img draggable="false" onclick="Hover.details('/detalhes/200142')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Sangue Novo - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0200142/0200142_335.jpg" loading="lazy" />
9692                            <img draggable="false" onclick="Hover.details('/detalhes/200142')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0200149/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Sangue Novo - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0200142/looke_1010_670.jpg" loading="lazy" />
9693
9694                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
9694om.br/0200149/0200149.mp4" />
9695                    <div class="mediaProgressBar" style="display: none">
9696                        <div class="baseBar"></div>
9697                        <div class="percentBar" style="width: 0%"></div>
9698                    </div>
9699                </div>
9700            <div class="mediaSynopsi">
9701    @ -299,21 +288,10 @ button#btnCancelar {
9702  
9703                <div class="buttons">
9704                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9705                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/200142&amp;t=Sangue%20Novo%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9706                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9707                    </div>
9708                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/200142&amp;text=Sangue%20Novo%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9709                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9710                    </div>
9711                </div>
9712                <div class="text">
9713                    <div><strong>Sangue Novo - 1&#xAA; Temporada</strong></div>
9714                    <div>Rash e Stefan s&#xE3;o dois investigadores Juniors de vinte e poucos anos presos no fundo do po&#xE7;o de suas carreiras.</div>
9715                </div>
9716            </div>
9717        </div>
9718            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9719    </div>
9720</li>
9721
9722<script>
9723    var IdItemSelected;
9724
9725function onDeleteItem(idItem) {
9726    IdItemSelected = idItem;
9727    $('#modalConfirmacao').show();
9728}
9729    $(document).ready(function() {
9730        $('.close, #btnCancelar').unbind('click')
9731        $('.close, #btnCancelar').click(function() {
9732            $('#modalConfirmacao').hide();
9733        });
9734
9735        $('#btnConfirmar').unbind('click')
9736        $('#btnConfirmar').click(function() {
9737            Helpers.showLoading();
9738             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9739                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9740                $('#modalConfirmacao').hide();
9741            }).done(function (response) {
9742                if (JSON.parse(response).response.toLowerCase() == "true") {
9743                    location.reload();
9744                }
9745                else{
9746                    Helpers.hideLoading();
9747                }
9748            }).fail(function (erro) {
9749               console.log(erro.responseText)
9750            });
9751        });
9752    });
9753</script>
9753
9754
9755<style>
9756    .remove-icon {
9757        position: absolute;
9758        top: 10px;
9759        left: 10px;
9760        display: flex;
9761        align-items: center;
9762        opacity: 0;
9763        transition: opacity 0.3s ease;
9764    }
9765    .remove-icon img {
9766        width: 30px; 
9767        height: 30px;
9768        background-color: rgba(0, 0, 0, 0.7);
9769        border-radius: 5px;
9770    }
9771    .remove-icon span {
9772        font-size: 14px;
9773        color: #fff;
9774        background-color: rgba(0, 0, 0, 0.7);
9775        padding: 5px;
9776        border-radius: 3px;
9777        margin-left: 30px;
9778        display: none;
9779    }
9780    .media-image:hover .remove-icon {
9781        opacity: 1;
9782    }
9783    .remove-icon:hover span {
9784        display: inline-block; 
9785    }
9786    .modal {
9787        display: none; 
9788        position: fixed;
9789        z-index: 10000;
9790        left: 0;
9791        top: 0;
9792        width: 100%;
9793        height: 100%;
9794        background-color: rgba(0, 0, 0, 0.5);
9795    }
9796    .modal-content {
9797        background-color: white;
9798        margin: 15% auto;
9799        padding: 20px;
9800        border: 1px solid #888;
9801        width: 30%;
9802        text-align: center;
9803        position: relative;
9804        color: #444;
9805        z-index: 10;
9806    }
9807    .close {
9808        position: absolute;
9809        top: 10px;
9810        right: 15px;
9811        font-size: 20px;
9812        font-weight: bold;
9813        cursor: pointer;
9814    }
9815    button {
9816        margin: 10px;
9817        padding: 10px 20px;
9818        cursor: pointer;
9819    }
9820    button#btnCancelar {
9821        background-color: transparent;
9822        color: black;
9823        border: none;
9824    }
9825</style>
9826
9827<li itemscope itemtype="http://schema.org/ItemList" mediaid="458363">
9828    <div class="mediaContainer media-style"
9829         onmousemove="Hover.checkHoverPosition(event, $(this))"
9830         onmouseout="Hover.mobileOut(event, $(this))"
9831         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
9832        <div class="item_loader"></div>
9833        <div class="priceContainer">
9834        </div>
9835        <div class="mediaHover">
9836            <div class="hoverContainerInfo">
9837                <div>
9838                    <div class="hoverTitle">
9839                        <div class="hoverTextTitle">Sleepers - O Crime Nunca Dorme - 1&#xAA; Temporada</div>
9840                            <div class="hoverInfoTitle">2022 (6 episódios)</div>
9841                    </div>
9842                </div>
9843                <div class="hoverContainerAge">
9844                    <div class="hoverAge movie-age movie-age-A16"></div>
9845                    <div class="hoverInfo">
9846                        <div class="movie-captionContainer">
9847                                <div class="movie-caption">Dublado</div>
9848                                <div class="movie-caption">Legendado</div>
9849                        </div>
9850                        <div class="hoverGenre">
9851                            Policial, A&#xE7;&#xE3;o, Drama
9852                        </div>
9853                    </div>
9854                </div>
9855            </div>
9856        </div>
9857        <div class="mediaCover">
9858           
9859            <div class="media-image">
9860                <div class="nameMedia" itemprop="name">Sleepers - O Crime Nunca Dorme - 1&#xAA; Temporada</div>
9861                <video onclick="Hover.details('/detalhes/458363')" muted loop src=""></video>
9862                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
9863
9864                            <img draggable="false" onclick="Hover.details('/detalhes/458363')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Sleepers - O Crime Nunca Dorme - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0458363/0458363_335.jpg" loading="lazy" />
9865                            <img draggable="false" onclick="Hover.details('/detalhes/458363')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0458365/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Sleepers - O Crime Nunca Dorme - 1&#xAA;
9865 Temporada" src="https://images-01.ottvs.com.br/0458363/looke_1010_670.jpg" loading="lazy" />
9866
9867                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0458365/0458365.mp4" />
9868                    <div class="mediaProgressBar" style="display: none">
9869                        <div class="baseBar"></div>
9870                        <div class="percentBar" style="width: 0%"></div>
9871                    </div>
9872                </div>
9873            <div class="mediaSynopsi">
9874    @ -299,21 +288,10 @ button#btnCancelar {
9875  
9876                <div class="buttons">
9877                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
9878                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/458363&amp;t=Sleepers%20-%20O%20Crime%20Nunca%20Dorme%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
9879                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
9880                    </div>
9881                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/458363&amp;text=Sleepers%20-%20O%20Crime%20Nunca%20Dorme%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
9882                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
9883                    </div>
9884                </div>
9885                <div class="text">
9886                    <div><strong>Sleepers - O Crime Nunca Dorme - 1&#xAA; Temporada</strong></div>
9887                    <div>Martin &#xE9; um policial que precisa colaborar com um grupo de criminosos para proteger sua fam&#xED;lia.</div>
9888                </div>
9889            </div>
9890        </div>
9891            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
9892    </div>
9893</li>
9894
9895<script>
9896    var IdItemSelected;
9897
9898function onDeleteItem(idItem) {
9899    IdItemSelected = idItem;
9900    $('#modalConfirmacao').show();
9901}
9902    $(document).ready(function() {
9903        $('.close, #btnCancelar').unbind('click')
9904        $('.close, #btnCancelar').click(function() {
9905            $('#modalConfirmacao').hide();
9906        });
9907
9908        $('#btnConfirmar').unbind('click')
9909        $('#btnConfirmar').click(function() {
9910            Helpers.showLoading();
9911             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
9912                $(`[mediaid=${IdItemSelected}]`).fadeOut();
9913                $('#modalConfirmacao').hide();
9914            }).done(function (response) {
9915                if (JSON.parse(response).response.toLowerCase() == "true") {
9916                    location.reload();
9917                }
9918                else{
9919                    Helpers.hideLoading();
9920                }
9921            }).fail(function (erro) {
9922               console.log(erro.responseText)
9923            });
9924        });
9925    });
9926</script>
9926
9927
9928<style>
9929    .remove-icon {
9930        position: absolute;
9931        top: 10px;
9932        left: 10px;
9933        display: flex;
9934        align-items: center;
9935        opacity: 0;
9936        transition: opacity 0.3s ease;
9937    }
9938    .remove-icon img {
9939        width: 30px; 
9940        height: 30px;
9941        background-color: rgba(0, 0, 0, 0.7);
9942        border-radius: 5px;
9943    }
9944    .remove-icon span {
9945        font-size: 14px;
9946        color: #fff;
9947        background-color: rgba(0, 0, 0, 0.7);
9948        padding: 5px;
9949        border-radius: 3px;
9950        margin-left: 30px;
9951        display: none;
9952    }
9953    .media-image:hover .remove-icon {
9954        opacity: 1;
9955    }
9956    .remove-icon:hover span {
9957        display: inline-block; 
9958    }
9959    .modal {
9960        display: none; 
9961        position: fixed;
9962        z-index: 10000;
9963        left: 0;
9964        top: 0;
9965        width: 100%;
9966        height: 100%;
9967        background-color: rgba(0, 0, 0, 0.5);
9968    }
9969    .modal-content {
9970        background-color: white;
9971        margin: 15% auto;
9972        padding: 20px;
9973        border: 1px solid #888;
9974        width: 30%;
9975        text-align: center;
9976        position: relative;
9977        color: #444;
9978        z-index: 10;
9979    }
9980    .close {
9981        position: absolute;
9982        top: 10px;
9983        right: 15px;
9984        font-size: 20px;
9985        font-weight: bold;
9986        cursor: pointer;
9987    }
9988    button {
9989        margin: 10px;
9990        padding: 10px 20px;
9991        cursor: pointer;
9992    }
9993    button#btnCancelar {
9994        background-color: transparent;
9995        color: black;
9996        border: none;
9997    }
9998</style>
9999
10000<li itemscope itemtype="http://schema.org/ItemList" mediaid="348204">
10001    <div class="mediaContainer media-style"
10002         onmousemove="Hover.checkHoverPosition(event, $(this))"
10003         onmouseout="Hover.mobileOut(event, $(this))"
10004         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10005        <div class="item_loader"></div>
10006        <div class="priceContainer">
10007        </div>
10008        <div class="mediaHover">
10009            <div class="hoverContainerInfo">
10010                <div>
10011                    <div class="hoverTitle">
10012                        <div class="hoverTextTitle">Novamente Apaixonados - 1&#xAA; Temporada</div>
10013                            <div class="hoverInfoTitle">2015 (47 episódios)</div>
10014                    </div>
10015                </div>
10016                <div class="hoverContainerAge">
10017                    <div class="hoverAge movie-age movie-age-A12"></div>
10018                    <div class="hoverInfo">
10019                        <div class="movie-captionContainer">
10020                                <div class="movie-caption">Dublado</div>
10021                        </div>
10022                        <div class="hoverGenre">
10023                            Romance, Com&#xE9;dia
10024                        </div>
10025                    </div>
10026                </div>
10027            </div>
10028        </div>
10029        <div class="mediaCover">
10030           
10031            <div class="media-image">
10032                <div class="nameMedia" itemprop="name">Novamente Apaixonados - 1&#xAA; Temporada</div>
10033                <video onclick="Hover.details('/detalhes/348204')" muted loop src=""></video>
10034                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10035
10036                            <img draggable="false" onclick="Hover.details('/detalhes/348204')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Novamente Apaixonados - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0348204/0348204_335.jpg" loading="lazy" />
10037                            <img draggable="false" onclick="Hover.details('/detalhes/348204')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0348205/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Novamente Apaixonados - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0348204/looke_1010_670.jpg" loading="lazy" />
10038
10039                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10039om.br/0348205/0348205.mp4" />
10040                    <div class="mediaProgressBar" style="display: none">
10041                        <div class="baseBar"></div>
10042                        <div class="percentBar" style="width: 0%"></div>
10043                    </div>
10044                </div>
10045            <div class="mediaSynopsi">
10046    @ -299,21 +288,10 @ button#btnCancelar {
10047  
10048                <div class="buttons">
10049                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10050                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/348204&amp;t=Novamente%20Apaixonados%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10051                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10052                    </div>
10053                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/348204&amp;text=Novamente%20Apaixonados%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10054                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10055                    </div>
10056                </div>
10057                <div class="text">
10058                    <div><strong>Novamente Apaixonados - 1&#xAA; Temporada</strong></div>
10059                    <div>Zeynep se casa com um homem sem a aprova&#xE7;&#xE3;o de sua fam&#xED;lia e se muda para os Estados Unidos. Eles t&#xEA;m um filho, mas o casamento fracassa e ela decide voltar para a Turquia.</div>
10060                </div>
10061            </div>
10062        </div>
10063            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10064    </div>
10065</li>
10066
10067<script>
10068    var IdItemSelected;
10069
10070function onDeleteItem(idItem) {
10071    IdItemSelected = idItem;
10072    $('#modalConfirmacao').show();
10073}
10074    $(document).ready(function() {
10075        $('.close, #btnCancelar').unbind('click')
10076        $('.close, #btnCancelar').click(function() {
10077            $('#modalConfirmacao').hide();
10078        });
10079
10080        $('#btnConfirmar').unbind('click')
10081        $('#btnConfirmar').click(function() {
10082            Helpers.showLoading();
10083             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10084                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10085                $('#modalConfirmacao').hide();
10086            }).done(function (response) {
10087                if (JSON.parse(response).response.toLowerCase() == "true") {
10088                    location.reload();
10089                }
10090                else{
10091                    Helpers.hideLoading();
10092                }
10093            }).fail(function (erro) {
10094               console.log(erro.responseText)
10095            });
10096        });
10097    });
10098</script>
10098
10099
10100<style>
10101    .remove-icon {
10102        position: absolute;
10103        top: 10px;
10104        left: 10px;
10105        display: flex;
10106        align-items: center;
10107        opacity: 0;
10108        transition: opacity 0.3s ease;
10109    }
10110    .remove-icon img {
10111        width: 30px; 
10112        height: 30px;
10113        background-color: rgba(0, 0, 0, 0.7);
10114        border-radius: 5px;
10115    }
10116    .remove-icon span {
10117        font-size: 14px;
10118        color: #fff;
10119        background-color: rgba(0, 0, 0, 0.7);
10120        padding: 5px;
10121        border-radius: 3px;
10122        margin-left: 30px;
10123        display: none;
10124    }
10125    .media-image:hover .remove-icon {
10126        opacity: 1;
10127    }
10128    .remove-icon:hover span {
10129        display: inline-block; 
10130    }
10131    .modal {
10132        display: none; 
10133        position: fixed;
10134        z-index: 10000;
10135        left: 0;
10136        top: 0;
10137        width: 100%;
10138        height: 100%;
10139        background-color: rgba(0, 0, 0, 0.5);
10140    }
10141    .modal-content {
10142        background-color: white;
10143        margin: 15% auto;
10144        padding: 20px;
10145        border: 1px solid #888;
10146        width: 30%;
10147        text-align: center;
10148        position: relative;
10149        color: #444;
10150        z-index: 10;
10151    }
10152    .close {
10153        position: absolute;
10154        top: 10px;
10155        right: 15px;
10156        font-size: 20px;
10157        font-weight: bold;
10158        cursor: pointer;
10159    }
10160    button {
10161        margin: 10px;
10162        padding: 10px 20px;
10163        cursor: pointer;
10164    }
10165    button#btnCancelar {
10166        background-color: transparent;
10167        color: black;
10168        border: none;
10169    }
10170</style>
10171
10172<li itemscope itemtype="http://schema.org/ItemList" mediaid="200126">
10173    <div class="mediaContainer media-style"
10174         onmousemove="Hover.checkHoverPosition(event, $(this))"
10175         onmouseout="Hover.mobileOut(event, $(this))"
10176         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10177        <div class="item_loader"></div>
10178        <div class="priceContainer">
10179        </div>
10180        <div class="mediaHover">
10181            <div class="hoverContainerInfo">
10182                <div>
10183                    <div class="hoverTitle">
10184                        <div class="hoverTextTitle">A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada</div>
10185                            <div class="hoverInfoTitle">2016 (8 episódios)</div>
10186                    </div>
10187                </div>
10188                <div class="hoverContainerAge">
10189                    <div class="hoverAge movie-age movie-age-A16"></div>
10190                    <div class="hoverInfo">
10191                        <div class="movie-captionContainer">
10192                                <div class="movie-caption">Legendado</div>
10193                        </div>
10194                        <div class="hoverGenre">
10195                            Drama, Hist&#xF3;ria, Romance
10196                        </div>
10197                    </div>
10198                </div>
10199            </div>
10200        </div>
10201        <div class="mediaCover">
10202           
10203            <div class="media-image">
10204                <div class="nameMedia" itemprop="name">A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada</div>
10205                <video onclick="Hover.details('/detalhes/200126')" muted loop src=""></video>
10206                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10207
10208                            <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; Temporada" src="https://images-01.ottvs.com.br/0200126/0200126_335.jpg" loading="lazy" />
10209                            <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" />
10210
10211                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10211om.br/0200132/0200132.mp4" />
10212                    <div class="mediaProgressBar" style="display: none">
10213                        <div class="baseBar"></div>
10214                        <div class="percentBar" style="width: 0%"></div>
10215                    </div>
10216                </div>
10217            <div class="mediaSynopsi">
10218    @ -299,21 +288,10 @ button#btnCancelar {
10219  
10220                <div class="buttons">
10221                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10222                    <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">
10223                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10224                    </div>
10225                    <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">
10226                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10227                    </div>
10228                </div>
10229                <div class="text">
10230                    <div><strong>A Cole&#xE7;&#xE3;o - 1&#xAA; Temporada</strong></div>
10231                    <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>
10232                </div>
10233            </div>
10234        </div>
10235            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10236    </div>
10237</li>
10238
10239<script>
10240    var IdItemSelected;
10241
10242function onDeleteItem(idItem) {
10243    IdItemSelected = idItem;
10244    $('#modalConfirmacao').show();
10245}
10246    $(document).ready(function() {
10247        $('.close, #btnCancelar').unbind('click')
10248        $('.close, #btnCancelar').click(function() {
10249            $('#modalConfirmacao').hide();
10250        });
10251
10252        $('#btnConfirmar').unbind('click')
10253        $('#btnConfirmar').click(function() {
10254            Helpers.showLoading();
10255             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10256                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10257                $('#modalConfirmacao').hide();
10258            }).done(function (response) {
10259                if (JSON.parse(response).response.toLowerCase() == "true") {
10260                    location.reload();
10261                }
10262                else{
10263                    Helpers.hideLoading();
10264                }
10265            }).fail(function (erro) {
10266               console.log(erro.responseText)
10267            });
10268        });
10269    });
10270</script>
10270
10271
10272<style>
10273    .remove-icon {
10274        position: absolute;
10275        top: 10px;
10276        left: 10px;
10277        display: flex;
10278        align-items: center;
10279        opacity: 0;
10280        transition: opacity 0.3s ease;
10281    }
10282    .remove-icon img {
10283        width: 30px; 
10284        height: 30px;
10285        background-color: rgba(0, 0, 0, 0.7);
10286        border-radius: 5px;
10287    }
10288    .remove-icon span {
10289        font-size: 14px;
10290        color: #fff;
10291        background-color: rgba(0, 0, 0, 0.7);
10292        padding: 5px;
10293        border-radius: 3px;
10294        margin-left: 30px;
10295        display: none;
10296    }
10297    .media-image:hover .remove-icon {
10298        opacity: 1;
10299    }
10300    .remove-icon:hover span {
10301        display: inline-block; 
10302    }
10303    .modal {
10304        display: none; 
10305        position: fixed;
10306        z-index: 10000;
10307        left: 0;
10308        top: 0;
10309        width: 100%;
10310        height: 100%;
10311        background-color: rgba(0, 0, 0, 0.5);
10312    }
10313    .modal-content {
10314        background-color: white;
10315        margin: 15% auto;
10316        padding: 20px;
10317        border: 1px solid #888;
10318        width: 30%;
10319        text-align: center;
10320        position: relative;
10321        color: #444;
10322        z-index: 10;
10323    }
10324    .close {
10325        position: absolute;
10326        top: 10px;
10327        right: 15px;
10328        font-size: 20px;
10329        font-weight: bold;
10330        cursor: pointer;
10331    }
10332    button {
10333        margin: 10px;
10334        padding: 10px 20px;
10335        cursor: pointer;
10336    }
10337    button#btnCancelar {
10338        background-color: transparent;
10339        color: black;
10340        border: none;
10341    }
10342</style>
10343
10344<li itemscope itemtype="http://schema.org/ItemList" mediaid="348713">
10345    <div class="mediaContainer media-style"
10346         onmousemove="Hover.checkHoverPosition(event, $(this))"
10347         onmouseout="Hover.mobileOut(event, $(this))"
10348         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10349        <div class="item_loader"></div>
10350        <div class="priceContainer">
10351        </div>
10352        <div class="mediaHover">
10353            <div class="hoverContainerInfo">
10354                <div>
10355                    <div class="hoverTitle">
10356                        <div class="hoverTextTitle">Uma Hist&#xF3;ria de Amor - 1&#xAA; Temporada</div>
10357                            <div class="hoverInfoTitle">2013 (85 episódios)</div>
10358                    </div>
10359                </div>
10360                <div class="hoverContainerAge">
10361                    <div class="hoverAge movie-age movie-age-A14"></div>
10362                    <div class="hoverInfo">
10363                        <div class="movie-captionContainer">
10364                                <div class="movie-caption">Dublado</div>
10365                        </div>
10366                        <div class="hoverGenre">
10367                            Drama, Romance
10368                        </div>
10369                    </div>
10370                </div>
10371            </div>
10372        </div>
10373        <div class="mediaCover">
10374           
10375            <div class="media-image">
10376                <div class="nameMedia" itemprop="name">Uma Hist&#xF3;ria de Amor - 1&#xAA; Temporada</div>
10377                <video onclick="Hover.details('/detalhes/348713')" muted loop src=""></video>
10378                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10379
10380                            <img draggable="false" onclick="Hover.details('/detalhes/348713')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Uma Hist&#xF3;ria de Amor - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0348713/0348713_335.jpg" loading="lazy" />
10381                            <img draggable="false" onclick="Hover.details('/detalhes/348713')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0348716/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Uma Hist&#xF3;ria de Amor - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0348713/looke_1010_670.jpg" loading="lazy" />
10382
10383                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10383om.br/0348716/0348716.mp4" />
10384                    <div class="mediaProgressBar" style="display: none">
10385                        <div class="baseBar"></div>
10386                        <div class="percentBar" style="width: 0%"></div>
10387                    </div>
10388                </div>
10389            <div class="mediaSynopsi">
10390    @ -299,21 +288,10 @ button#btnCancelar {
10391  
10392                <div class="buttons">
10393                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10394                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/348713&amp;t=Uma%20Hist%C3%B3ria%20de%20Amor%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10395                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10396                    </div>
10397                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/348713&amp;text=Uma%20Hist%C3%B3ria%20de%20Amor%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10398                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10399                    </div>
10400                </div>
10401                <div class="text">
10402                    <div><strong>Uma Hist&#xF3;ria de Amor - 1&#xAA; Temporada</strong></div>
10403                    <div>Seu nome &#xE9; Korkut Ali - ele &#xE9; o &#xFA;nico jovem que fala muito bem de sua verdadeira fam&#xED;lia biol&#xF3;gica diante das c&#xE2;meras de um programa de TV de jovens adotivos na Alemanha.</div>
10404                </div>
10405            </div>
10406        </div>
10407            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10408    </div>
10409</li>
10410
10411<script>
10412    var IdItemSelected;
10413
10414function onDeleteItem(idItem) {
10415    IdItemSelected = idItem;
10416    $('#modalConfirmacao').show();
10417}
10418    $(document).ready(function() {
10419        $('.close, #btnCancelar').unbind('click')
10420        $('.close, #btnCancelar').click(function() {
10421            $('#modalConfirmacao').hide();
10422        });
10423
10424        $('#btnConfirmar').unbind('click')
10425        $('#btnConfirmar').click(function() {
10426            Helpers.showLoading();
10427             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10428                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10429                $('#modalConfirmacao').hide();
10430            }).done(function (response) {
10431                if (JSON.parse(response).response.toLowerCase() == "true") {
10432                    location.reload();
10433                }
10434                else{
10435                    Helpers.hideLoading();
10436                }
10437            }).fail(function (erro) {
10438               console.log(erro.responseText)
10439            });
10440        });
10441    });
10442</script>
10442
10443
10444<style>
10445    .remove-icon {
10446        position: absolute;
10447        top: 10px;
10448        left: 10px;
10449        display: flex;
10450        align-items: center;
10451        opacity: 0;
10452        transition: opacity 0.3s ease;
10453    }
10454    .remove-icon img {
10455        width: 30px; 
10456        height: 30px;
10457        background-color: rgba(0, 0, 0, 0.7);
10458        border-radius: 5px;
10459    }
10460    .remove-icon span {
10461        font-size: 14px;
10462        color: #fff;
10463        background-color: rgba(0, 0, 0, 0.7);
10464        padding: 5px;
10465        border-radius: 3px;
10466        margin-left: 30px;
10467        display: none;
10468    }
10469    .media-image:hover .remove-icon {
10470        opacity: 1;
10471    }
10472    .remove-icon:hover span {
10473        display: inline-block; 
10474    }
10475    .modal {
10476        display: none; 
10477        position: fixed;
10478        z-index: 10000;
10479        left: 0;
10480        top: 0;
10481        width: 100%;
10482        height: 100%;
10483        background-color: rgba(0, 0, 0, 0.5);
10484    }
10485    .modal-content {
10486        background-color: white;
10487        margin: 15% auto;
10488        padding: 20px;
10489        border: 1px solid #888;
10490        width: 30%;
10491        text-align: center;
10492        position: relative;
10493        color: #444;
10494        z-index: 10;
10495    }
10496    .close {
10497        position: absolute;
10498        top: 10px;
10499        right: 15px;
10500        font-size: 20px;
10501        font-weight: bold;
10502        cursor: pointer;
10503    }
10504    button {
10505        margin: 10px;
10506        padding: 10px 20px;
10507        cursor: pointer;
10508    }
10509    button#btnCancelar {
10510        background-color: transparent;
10511        color: black;
10512        border: none;
10513    }
10514</style>
10515
10516<li itemscope itemtype="http://schema.org/ItemList" mediaid="352126">
10517    <div class="mediaContainer media-style"
10518         onmousemove="Hover.checkHoverPosition(event, $(this))"
10519         onmouseout="Hover.mobileOut(event, $(this))"
10520         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10521        <div class="item_loader"></div>
10522        <div class="priceContainer">
10523        </div>
10524        <div class="mediaHover">
10525            <div class="hoverContainerInfo">
10526                <div>
10527                    <div class="hoverTitle">
10528                        <div class="hoverTextTitle">Nerd of the Dead - 1&#xAA; Temporada</div>
10529                            <div class="hoverInfoTitle">2014 (4 episódios)</div>
10530                    </div>
10531                </div>
10532                <div class="hoverContainerAge">
10533                    <div class="hoverAge movie-age movie-age-A16"></div>
10534                    <div class="hoverInfo">
10535                        <div class="movie-captionContainer">
10536                                <div class="movie-caption">Nacional</div>
10537                        </div>
10538                        <div class="hoverGenre">
10539                            Com&#xE9;dia, Terror
10540                        </div>
10541                    </div>
10542                </div>
10543            </div>
10544        </div>
10545        <div class="mediaCover">
10546           
10547            <div class="media-image">
10548                <div class="nameMedia" itemprop="name">Nerd of the Dead - 1&#xAA; Temporada</div>
10549                <video onclick="Hover.details('/detalhes/352126')" muted loop src=""></video>
10550                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10551
10552                            <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" />
10553                            <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" />
10554
10555                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10555om.br/0352130/0352130.mp4" />
10556                    <div class="mediaProgressBar" style="display: none">
10557                        <div class="baseBar"></div>
10558                        <div class="percentBar" style="width: 0%"></div>
10559                    </div>
10560                </div>
10561            <div class="mediaSynopsi">
10562    @ -299,21 +288,10 @ button#btnCancelar {
10563  
10564                <div class="buttons">
10565                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10566                    <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">
10567                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10568                    </div>
10569                    <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">
10570                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10571                    </div>
10572                </div>
10573                <div class="text">
10574                    <div><strong>Nerd of the Dead - 1&#xAA; Temporada</strong></div>
10575                    <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>
10576                </div>
10577            </div>
10578        </div>
10579            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10580    </div>
10581</li>
10582
10583<script>
10584    var IdItemSelected;
10585
10586function onDeleteItem(idItem) {
10587    IdItemSelected = idItem;
10588    $('#modalConfirmacao').show();
10589}
10590    $(document).ready(function() {
10591        $('.close, #btnCancelar').unbind('click')
10592        $('.close, #btnCancelar').click(function() {
10593            $('#modalConfirmacao').hide();
10594        });
10595
10596        $('#btnConfirmar').unbind('click')
10597        $('#btnConfirmar').click(function() {
10598            Helpers.showLoading();
10599             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10600                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10601                $('#modalConfirmacao').hide();
10602            }).done(function (response) {
10603                if (JSON.parse(response).response.toLowerCase() == "true") {
10604                    location.reload();
10605                }
10606                else{
10607                    Helpers.hideLoading();
10608                }
10609            }).fail(function (erro) {
10610               console.log(erro.responseText)
10611            });
10612        });
10613    });
10614</script>
10614
10615
10616<style>
10617    .remove-icon {
10618        position: absolute;
10619        top: 10px;
10620        left: 10px;
10621        display: flex;
10622        align-items: center;
10623        opacity: 0;
10624        transition: opacity 0.3s ease;
10625    }
10626    .remove-icon img {
10627        width: 30px; 
10628        height: 30px;
10629        background-color: rgba(0, 0, 0, 0.7);
10630        border-radius: 5px;
10631    }
10632    .remove-icon span {
10633        font-size: 14px;
10634        color: #fff;
10635        background-color: rgba(0, 0, 0, 0.7);
10636        padding: 5px;
10637        border-radius: 3px;
10638        margin-left: 30px;
10639        display: none;
10640    }
10641    .media-image:hover .remove-icon {
10642        opacity: 1;
10643    }
10644    .remove-icon:hover span {
10645        display: inline-block; 
10646    }
10647    .modal {
10648        display: none; 
10649        position: fixed;
10650        z-index: 10000;
10651        left: 0;
10652        top: 0;
10653        width: 100%;
10654        height: 100%;
10655        background-color: rgba(0, 0, 0, 0.5);
10656    }
10657    .modal-content {
10658        background-color: white;
10659        margin: 15% auto;
10660        padding: 20px;
10661        border: 1px solid #888;
10662        width: 30%;
10663        text-align: center;
10664        position: relative;
10665        color: #444;
10666        z-index: 10;
10667    }
10668    .close {
10669        position: absolute;
10670        top: 10px;
10671        right: 15px;
10672        font-size: 20px;
10673        font-weight: bold;
10674        cursor: pointer;
10675    }
10676    button {
10677        margin: 10px;
10678        padding: 10px 20px;
10679        cursor: pointer;
10680    }
10681    button#btnCancelar {
10682        background-color: transparent;
10683        color: black;
10684        border: none;
10685    }
10686</style>
10687
10688<li itemscope itemtype="http://schema.org/ItemList" mediaid="127400">
10689    <div class="mediaContainer media-style"
10690         onmousemove="Hover.checkHoverPosition(event, $(this))"
10691         onmouseout="Hover.mobileOut(event, $(this))"
10692         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10693        <div class="item_loader"></div>
10694        <div class="priceContainer">
10695        </div>
10696        <div class="mediaHover">
10697            <div class="hoverContainerInfo">
10698                <div>
10699                    <div class="hoverTitle">
10700                        <div class="hoverTextTitle">Jack Hunter - 1&#xAA; Temporada</div>
10701                            <div class="hoverInfoTitle">2008 (3 episódios)</div>
10702                    </div>
10703                </div>
10704                <div class="hoverContainerAge">
10705                    <div class="hoverAge movie-age movie-age-A0"></div>
10706                    <div class="hoverInfo">
10707                        <div class="movie-captionContainer">
10708                                <div class="movie-caption">Legendado</div>
10709                        </div>
10710                        <div class="hoverGenre">
10711                            Aventura, A&#xE7;&#xE3;o, Fantasia
10712                        </div>
10713                    </div>
10714                </div>
10715            </div>
10716        </div>
10717        <div class="mediaCover">
10718           
10719            <div class="media-image">
10720                <div class="nameMedia" itemprop="name">Jack Hunter - 1&#xAA; Temporada</div>
10721                <video onclick="Hover.details('/detalhes/127400')" muted loop src=""></video>
10722                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10723
10724                            <img draggable="false" onclick="Hover.details('/detalhes/127400')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Jack Hunter - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0127400/0127400_335.jpg" loading="lazy" />
10725                            <img draggable="false" onclick="Hover.details('/detalhes/127400')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0127401/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Jack Hunter - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0127400/looke_1010_670.jpg" loading="lazy" />
10726
10727                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10727om.br/0127401/0127401.mp4" />
10728                    <div class="mediaProgressBar" style="display: none">
10729                        <div class="baseBar"></div>
10730                        <div class="percentBar" style="width: 0%"></div>
10731                    </div>
10732                </div>
10733            <div class="mediaSynopsi">
10734    @ -299,21 +288,10 @ button#btnCancelar {
10735  
10736                <div class="buttons">
10737                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10738                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/127400&amp;t=Jack%20Hunter%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10739                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10740                    </div>
10741                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/127400&amp;text=Jack%20Hunter%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10742                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10743                    </div>
10744                </div>
10745                <div class="text">
10746                    <div><strong>Jack Hunter - 1&#xAA; Temporada</strong></div>
10747                    <div>Um arqueologista que percorre a cidade descobre o perigo e a intriga enquanto procura um tesouro indescrit&#xED;vel do antigo Reino de Ugarit.</div>
10748                </div>
10749            </div>
10750        </div>
10751            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10752    </div>
10753</li>
10754
10755<script>
10756    var IdItemSelected;
10757
10758function onDeleteItem(idItem) {
10759    IdItemSelected = idItem;
10760    $('#modalConfirmacao').show();
10761}
10762    $(document).ready(function() {
10763        $('.close, #btnCancelar').unbind('click')
10764        $('.close, #btnCancelar').click(function() {
10765            $('#modalConfirmacao').hide();
10766        });
10767
10768        $('#btnConfirmar').unbind('click')
10769        $('#btnConfirmar').click(function() {
10770            Helpers.showLoading();
10771             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10772                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10773                $('#modalConfirmacao').hide();
10774            }).done(function (response) {
10775                if (JSON.parse(response).response.toLowerCase() == "true") {
10776                    location.reload();
10777                }
10778                else{
10779                    Helpers.hideLoading();
10780                }
10781            }).fail(function (erro) {
10782               console.log(erro.responseText)
10783            });
10784        });
10785    });
10786</script>
10786
10787
10788<style>
10789    .remove-icon {
10790        position: absolute;
10791        top: 10px;
10792        left: 10px;
10793        display: flex;
10794        align-items: center;
10795        opacity: 0;
10796        transition: opacity 0.3s ease;
10797    }
10798    .remove-icon img {
10799        width: 30px; 
10800        height: 30px;
10801        background-color: rgba(0, 0, 0, 0.7);
10802        border-radius: 5px;
10803    }
10804    .remove-icon span {
10805        font-size: 14px;
10806        color: #fff;
10807        background-color: rgba(0, 0, 0, 0.7);
10808        padding: 5px;
10809        border-radius: 3px;
10810        margin-left: 30px;
10811        display: none;
10812    }
10813    .media-image:hover .remove-icon {
10814        opacity: 1;
10815    }
10816    .remove-icon:hover span {
10817        display: inline-block; 
10818    }
10819    .modal {
10820        display: none; 
10821        position: fixed;
10822        z-index: 10000;
10823        left: 0;
10824        top: 0;
10825        width: 100%;
10826        height: 100%;
10827        background-color: rgba(0, 0, 0, 0.5);
10828    }
10829    .modal-content {
10830        background-color: white;
10831        margin: 15% auto;
10832        padding: 20px;
10833        border: 1px solid #888;
10834        width: 30%;
10835        text-align: center;
10836        position: relative;
10837        color: #444;
10838        z-index: 10;
10839    }
10840    .close {
10841        position: absolute;
10842        top: 10px;
10843        right: 15px;
10844        font-size: 20px;
10845        font-weight: bold;
10846        cursor: pointer;
10847    }
10848    button {
10849        margin: 10px;
10850        padding: 10px 20px;
10851        cursor: pointer;
10852    }
10853    button#btnCancelar {
10854        background-color: transparent;
10855        color: black;
10856        border: none;
10857    }
10858</style>
10859
10860<li itemscope itemtype="http://schema.org/ItemList" mediaid="440416">
10861    <div class="mediaContainer media-style"
10862         onmousemove="Hover.checkHoverPosition(event, $(this))"
10863         onmouseout="Hover.mobileOut(event, $(this))"
10864         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
10865        <div class="item_loader"></div>
10866        <div class="priceContainer">
10867        </div>
10868        <div class="mediaHover">
10869            <div class="hoverContainerInfo">
10870                <div>
10871                    <div class="hoverTitle">
10872                        <div class="hoverTextTitle">Cerco ao Terror 26/11 - 1&#xAA; Temporada</div>
10873                            <div class="hoverInfoTitle">2020 (8 episódios)</div>
10874                    </div>
10875                </div>
10876                <div class="hoverContainerAge">
10877                    <div class="hoverAge movie-age movie-age-A16"></div>
10878                    <div class="hoverInfo">
10879                        <div class="movie-captionContainer">
10880                                <div class="movie-caption">Dublado</div>
10881                                <div class="movie-caption">Legendado</div>
10882                        </div>
10883                        <div class="hoverGenre">
10884                            A&#xE7;&#xE3;o, Crime, Policial
10885                        </div>
10886                    </div>
10887                </div>
10888            </div>
10889        </div>
10890        <div class="mediaCover">
10891           
10892            <div class="media-image">
10893                <div class="nameMedia" itemprop="name">Cerco ao Terror 26/11 - 1&#xAA; Temporada</div>
10894                <video onclick="Hover.details('/detalhes/440416')" muted loop src=""></video>
10895                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
10896
10897                            <img draggable="false" onclick="Hover.details('/detalhes/440416')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Cerco ao Terror 26/11 - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0440416/0440416_335.jpg" loading="lazy" />
10898                            <img draggable="false" onclick="Hover.details('/detalhes/440416')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0440965/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Cerco ao Terror 26/11 - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0440416/looke_1010_670.jpg" loading="lazy" />
10899
10900                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
10900om.br/0440965/0440965.mp4" />
10901                    <div class="mediaProgressBar" style="display: none">
10902                        <div class="baseBar"></div>
10903                        <div class="percentBar" style="width: 0%"></div>
10904                    </div>
10905                </div>
10906            <div class="mediaSynopsi">
10907    @ -299,21 +288,10 @ button#btnCancelar {
10908  
10909                <div class="buttons">
10910                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
10911                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/440416&amp;t=Cerco%20ao%20Terror%2026%2F11%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
10912                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
10913                    </div>
10914                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/440416&amp;text=Cerco%20ao%20Terror%2026%2F11%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
10915                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
10916                    </div>
10917                </div>
10918                <div class="text">
10919                    <div><strong>Cerco ao Terror 26/11 - 1&#xAA; Temporada</strong></div>
10920                    <div>A s&#xE9;rie retrata os ataques terroristas sob as lentes dos Comandos NSG.</div>
10921                </div>
10922            </div>
10923        </div>
10924            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
10925    </div>
10926</li>
10927
10928<script>
10929    var IdItemSelected;
10930
10931function onDeleteItem(idItem) {
10932    IdItemSelected = idItem;
10933    $('#modalConfirmacao').show();
10934}
10935    $(document).ready(function() {
10936        $('.close, #btnCancelar').unbind('click')
10937        $('.close, #btnCancelar').click(function() {
10938            $('#modalConfirmacao').hide();
10939        });
10940
10941        $('#btnConfirmar').unbind('click')
10942        $('#btnConfirmar').click(function() {
10943            Helpers.showLoading();
10944             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
10945                $(`[mediaid=${IdItemSelected}]`).fadeOut();
10946                $('#modalConfirmacao').hide();
10947            }).done(function (response) {
10948                if (JSON.parse(response).response.toLowerCase() == "true") {
10949                    location.reload();
10950                }
10951                else{
10952                    Helpers.hideLoading();
10953                }
10954            }).fail(function (erro) {
10955               console.log(erro.responseText)
10956            });
10957        });
10958    });
10959</script>
10959
10960
10961<style>
10962    .remove-icon {
10963        position: absolute;
10964        top: 10px;
10965        left: 10px;
10966        display: flex;
10967        align-items: center;
10968        opacity: 0;
10969        transition: opacity 0.3s ease;
10970    }
10971    .remove-icon img {
10972        width: 30px; 
10973        height: 30px;
10974        background-color: rgba(0, 0, 0, 0.7);
10975        border-radius: 5px;
10976    }
10977    .remove-icon span {
10978        font-size: 14px;
10979        color: #fff;
10980        background-color: rgba(0, 0, 0, 0.7);
10981        padding: 5px;
10982        border-radius: 3px;
10983        margin-left: 30px;
10984        display: none;
10985    }
10986    .media-image:hover .remove-icon {
10987        opacity: 1;
10988    }
10989    .remove-icon:hover span {
10990        display: inline-block; 
10991    }
10992    .modal {
10993        display: none; 
10994        position: fixed;
10995        z-index: 10000;
10996        left: 0;
10997        top: 0;
10998        width: 100%;
10999        height: 100%;
11000        background-color: rgba(0, 0, 0, 0.5);
11001    }
11002    .modal-content {
11003        background-color: white;
11004        margin: 15% auto;
11005        padding: 20px;
11006        border: 1px solid #888;
11007        width: 30%;
11008        text-align: center;
11009        position: relative;
11010        color: #444;
11011        z-index: 10;
11012    }
11013    .close {
11014        position: absolute;
11015        top: 10px;
11016        right: 15px;
11017        font-size: 20px;
11018        font-weight: bold;
11019        cursor: pointer;
11020    }
11021    button {
11022        margin: 10px;
11023        padding: 10px 20px;
11024        cursor: pointer;
11025    }
11026    button#btnCancelar {
11027        background-color: transparent;
11028        color: black;
11029        border: none;
11030    }
11031</style>
11032
11033<li itemscope itemtype="http://schema.org/ItemList" mediaid="469319">
11034    <div class="mediaContainer media-style"
11035         onmousemove="Hover.checkHoverPosition(event, $(this))"
11036         onmouseout="Hover.mobileOut(event, $(this))"
11037         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
11038        <div class="item_loader"></div>
11039        <div class="priceContainer">
11040        </div>
11041        <div class="mediaHover">
11042            <div class="hoverContainerInfo">
11043                <div>
11044                    <div class="hoverTitle">
11045                        <div class="hoverTextTitle">&#xC0; Beira do Precip&#xED;cio - 1&#xAA; Temporada</div>
11046                            <div class="hoverInfoTitle">2022 (6 episódios)</div>
11047                    </div>
11048                </div>
11049                <div class="hoverContainerAge">
11050                    <div class="hoverAge movie-age movie-age-A14"></div>
11051                    <div class="hoverInfo">
11052                        <div class="movie-captionContainer">
11053                                <div class="movie-caption">Dublado</div>
11054                                <div class="movie-caption">Legendado</div>
11055                        </div>
11056                        <div class="hoverGenre">
11057                            Suspense, Policial, Drama
11058                        </div>
11059                    </div>
11060                </div>
11061            </div>
11062        </div>
11063        <div class="mediaCover">
11064           
11065            <div class="media-image">
11066                <div class="nameMedia" itemprop="name">&#xC0; Beira do Precip&#xED;cio - 1&#xAA; Temporada</div>
11067                <video onclick="Hover.details('/detalhes/469319')" muted loop src=""></video>
11068                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
11069
11070                            <img draggable="false" onclick="Hover.details('/detalhes/469319')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="&#xC0; Beira do Precip&#xED;cio - 1&#xAA; Temporada" src="https://images-01.ottvs.com.br/0469319/0469319_335.jpg" loading="lazy" />
11071                            <img draggable="false" onclick="Hover.details('/detalhes/469319')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0469325/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="&#xC0; Beira do Precip&#xED;cio - 1&#xAA;
11071 Temporada" src="https://images-01.ottvs.com.br/0469319/looke_1010_670.jpg" loading="lazy" />
11072
11073                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0469325/0469325.mp4" />
11074                    <div class="mediaProgressBar" style="display: none">
11075                        <div class="baseBar"></div>
11076                        <div class="percentBar" style="width: 0%"></div>
11077                    </div>
11078                </div>
11079            <div class="mediaSynopsi">
11080    @ -299,21 +288,10 @ button#btnCancelar {
11081  
11082                <div class="buttons">
11083                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
11084                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/469319&amp;t=%C3%80%20Beira%20do%20Precip%C3%ADcio%20-%201%C2%AA%20Temporada");' class="buttom" data-type="facebook">
11085                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
11086                    </div>
11087                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/469319&amp;text=%C3%80%20Beira%20do%20Precip%C3%ADcio%20-%201%C2%AA%20Temporada");' class="buttom" data-type="twitter">
11088                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
11089                    </div>
11090                </div>
11091                <div class="text">
11092                    <div><strong>&#xC0; Beira do Precip&#xED;cio - 1&#xAA; Temporada</strong></div>
11093                    <div>Um jornalista arriscar&#xE1; sua pr&#xF3;pria vida para desvendar a misteriosa morte de uma ativista.</div>
11094                </div>
11095            </div>
11096        </div>
11097            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
11098    </div>
11099</li>
11100
11101<script>
11102    var IdItemSelected;
11103
11104function onDeleteItem(idItem) {
11105    IdItemSelected = idItem;
11106    $('#modalConfirmacao').show();
11107}
11108    $(document).ready(function() {
11109        $('.close, #btnCancelar').unbind('click')
11110        $('.close, #btnCancelar').click(function() {
11111            $('#modalConfirmacao').hide();
11112        });
11113
11114        $('#btnConfirmar').unbind('click')
11115        $('#btnConfirmar').click(function() {
11116            Helpers.showLoading();
11117             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
11118                $(`[mediaid=${IdItemSelected}]`).fadeOut();
11119                $('#modalConfirmacao').hide();
11120            }).done(function (response) {
11121                if (JSON.parse(response).response.toLowerCase() == "true") {
11122                    location.reload();
11123                }
11124                else{
11125                    Helpers.hideLoading();
11126                }
11127            }).fail(function (erro) {
11128               console.log(erro.responseText)
11129            });
11130        });
11131    });
11132</script>
11132
11133
11134<style>
11135    .remove-icon {
11136        position: absolute;
11137        top: 10px;
11138        left: 10px;
11139        display: flex;
11140        align-items: center;
11141        opacity: 0;
11142        transition: opacity 0.3s ease;
11143    }
11144    .remove-icon img {
11145        width: 30px; 
11146        height: 30px;
11147        background-color: rgba(0, 0, 0, 0.7);
11148        border-radius: 5px;
11149    }
11150    .remove-icon span {
11151        font-size: 14px;
11152        color: #fff;
11153        background-color: rgba(0, 0, 0, 0.7);
11154        padding: 5px;
11155        border-radius: 3px;
11156        margin-left: 30px;
11157        display: none;
11158    }
11159    .media-image:hover .remove-icon {
11160        opacity: 1;
11161    }
11162    .remove-icon:hover span {
11163        display: inline-block; 
11164    }
11165    .modal {
11166        display: none; 
11167        position: fixed;
11168        z-index: 10000;
11169        left: 0;
11170        top: 0;
11171        width: 100%;
11172        height: 100%;
11173        background-color: rgba(0, 0, 0, 0.5);
11174    }
11175    .modal-content {
11176        background-color: white;
11177        margin: 15% auto;
11178        padding: 20px;
11179        border: 1px solid #888;
11180        width: 30%;
11181        text-align: center;
11182        position: relative;
11183        color: #444;
11184        z-index: 10;
11185    }
11186    .close {
11187        position: absolute;
11188        top: 10px;
11189        right: 15px;
11190        font-size: 20px;
11191        font-weight: bold;
11192        cursor: pointer;
11193    }
11194    button {
11195        margin: 10px;
11196        padding: 10px 20px;
11197        cursor: pointer;
11198    }
11199    button#btnCancelar {
11200        background-color: transparent;
11201        color: black;
11202        border: none;
11203    }
11204</style>
11205
11206<li itemscope itemtype="http://schema.org/ItemList" mediaid="402123">
11207    <div class="mediaContainer media-style"
11208         onmousemove="Hover.checkHoverPosition(event, $(this))"
11209         onmouseout="Hover.mobileOut(event, $(this))"
11210         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
11211        <div class="item_loader"></div>
11212        <div class="priceContainer">
11213        </div>
11214        <div class="mediaHover">
11215            <div class="hoverContainerInfo">
11216                <div>
11217                    <div class="hoverTitle">
11218                        <div class="hoverTextTitle">Santos Dumont</div>
11219                            <div class="hoverInfoTitle">2019 (6 episódios)</div>
11220                    </div>
11221                </div>
11222                <div class="hoverContainerAge">
11223                    <div class="hoverAge movie-age movie-age-14"></div>
11224                    <div class="hoverInfo">
11225                        <div class="movie-captionContainer">
11226                                <div class="movie-caption">Nacional</div>
11227                        </div>
11228                        <div class="hoverGenre">
11229                            Drama, Biografia
11230                        </div>
11231                    </div>
11232                </div>
11233            </div>
11234        </div>
11235        <div class="mediaCover">
11236           
11237            <div class="media-image">
11238                <div class="nameMedia" itemprop="name">Santos Dumont</div>
11239                <video onclick="Hover.details('/detalhes/402123')" muted loop src=""></video>
11240                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
11241
11242                            <img draggable="false" onclick="Hover.details('/detalhes/402123')" onerror="$(this).css({ opacity: 0 })" onload="$(this).fadeIn();" class="imgStyle_1 imgStyle_2 imgStyle_portrait imgBase" itemprop="image" alt="Santos Dumont" src="https://images-01.ottvs.com.br/0402123/0402123_335.jpg" loading="lazy" />
11243                            <img draggable="false" onclick="Hover.details('/detalhes/402123')" onerror="$(this).attr('src', 'https://images-01.ottvs.com.br/0402139/looke_1010_670.jpg'); this.onerror = null;" class="imgStyle_landscape imgHover" itemprop="image" alt="Santos Dumont" src="https://images-01.ottvs.com.br/0402123/looke_1010_670.jpg" loading="lazy" />
11244
11245                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.com.br/0402139/0402139.mp4" />
11246                    <div class="mediaProgressBar" style="display: none">
11247                        <div class="baseBar"></div>
11248                        <div class="percentBar" style="width: 0%"></div>
11249                    </div>
11250                </div>
11251            <div class="mediaSynopsi">
11252    @ -299,21 +288,10 @ button#btnCancelar {
11253  
11254                <div class="buttons">
11255                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
11256                    <div onclick='Helpers.customShare("https://www.facebook.com/share.php?u=https://www.looke.com.br/detalhes/402123&amp;t=Santos%20Dumont");' class="buttom" data-type="facebook">
11257                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
11258                    </div>
11259                    <div onclick='Helpers.customShare("https://twitter.com/share?url=https://www.looke.com.br/detalhes/402123&amp;text=Santos%20Dumont");' class="buttom" data-type="twitter">
11260                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
11261                    </div>
11262                </div>
11263                <div class="text">
11264                    <div><strong>Santos Dumont</strong></div>
11265                    <div>A hist&#xF3;ria do vision&#xE1;rio criador que deu ao antigo sonho de voar forma e realidade. A vida, a ambi&#xE7;&#xE3;o, a consagra&#xE7;&#xE3;o e a melancolia de um g&#xEA;nio da mec&#xE2;nica com alma de poeta: Santos Dumont.</div>
11266                </div>
11267            </div>
11268        </div>
11269            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
11270    </div>
11271</li>
11272
11273<script>
11274    var IdItemSelected;
11275
11276function onDeleteItem(idItem) {
11277    IdItemSelected = idItem;
11278    $('#modalConfirmacao').show();
11279}
11280    $(document).ready(function() {
11281        $('.close, #btnCancelar').unbind('click')
11282        $('.close, #btnCancelar').click(function() {
11283            $('#modalConfirmacao').hide();
11284        });
11285
11286        $('#btnConfirmar').unbind('click')
11287        $('#btnConfirmar').click(function() {
11288            Helpers.showLoading();
11289             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
11290                $(`[mediaid=${IdItemSelected}]`).fadeOut();
11291                $('#modalConfirmacao').hide();
11292            }).done(function (response) {
11293                if (JSON.parse(response).response.toLowerCase() == "true") {
11294                    location.reload();
11295                }
11296                else{
11297                    Helpers.hideLoading();
11298                }
11299            }).fail(function (erro) {
11300               console.log(erro.responseText)
11301            });
11302        });
11303    });
11304</script>
11304
11305
11306<style>
11307    .remove-icon {
11308        position: absolute;
11309        top: 10px;
11310        left: 10px;
11311        display: flex;
11312        align-items: center;
11313        opacity: 0;
11314        transition: opacity 0.3s ease;
11315    }
11316    .remove-icon img {
11317        width: 30px; 
11318        height: 30px;
11319        background-color: rgba(0, 0, 0, 0.7);
11320        border-radius: 5px;
11321    }
11322    .remove-icon span {
11323        font-size: 14px;
11324        color: #fff;
11325        background-color: rgba(0, 0, 0, 0.7);
11326        padding: 5px;
11327        border-radius: 3px;
11328        margin-left: 30px;
11329        display: none;
11330    }
11331    .media-image:hover .remove-icon {
11332        opacity: 1;
11333    }
11334    .remove-icon:hover span {
11335        display: inline-block; 
11336    }
11337    .modal {
11338        display: none; 
11339        position: fixed;
11340        z-index: 10000;
11341        left: 0;
11342        top: 0;
11343        width: 100%;
11344        height: 100%;
11345        background-color: rgba(0, 0, 0, 0.5);
11346    }
11347    .modal-content {
11348        background-color: white;
11349        margin: 15% auto;
11350        padding: 20px;
11351        border: 1px solid #888;
11352        width: 30%;
11353        text-align: center;
11354        position: relative;
11355        color: #444;
11356        z-index: 10;
11357    }
11358    .close {
11359        position: absolute;
11360        top: 10px;
11361        right: 15px;
11362        font-size: 20px;
11363        font-weight: bold;
11364        cursor: pointer;
11365    }
11366    button {
11367        margin: 10px;
11368        padding: 10px 20px;
11369        cursor: pointer;
11370    }
11371    button#btnCancelar {
11372        background-color: transparent;
11373        color: black;
11374        border: none;
11375    }
11376</style>
11377
11378<li itemscope itemtype="http://schema.org/ItemList" mediaid="370610">
11379    <div class="mediaContainer media-style"
11380         onmousemove="Hover.checkHoverPosition(event, $(this))"
11381         onmouseout="Hover.mobileOut(event, $(this))"
11382         itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">
11383        <div class="item_loader"></div>
11384        <div class="priceContainer">
11385        </div>
11386        <div class="mediaHover">
11387            <div class="hoverContainerInfo">
11388                <div>
11389                    <div class="hoverTitle">
11390                        <div class="hoverTextTitle">O Nevoeiro - 1&#xAA; Temporada</div>
11391                            <div class="hoverInfoTitle">2022 (6 episódios)</div>
11392                    </div>
11393                </div>
11394                <div class="hoverContainerAge">
11395                    <div class="hoverAge movie-age movie-age-A16"></div>
11396                    <div class="hoverInfo">
11397                        <div class="movie-captionContainer">
11398                                <div class="movie-caption">Dublado</div>
11399                                <div class="movie-caption">Legendado</div>
11400                        </div>
11401                        <div class="hoverGenre">
11402                            Aventura, Drama, Fic&#xE7;&#xE3;o Cient&#xED;fica
11403                        </div>
11404                    </div>
11405                </div>
11406            </div>
11407        </div>
11408        <div class="mediaCover">
11409           
11410            <div class="media-image">
11411                <div class="nameMedia" itemprop="name">O Nevoeiro - 1&#xAA; Temporada</div>
11412                <video onclick="Hover.details('/detalhes/370610')" muted loop src=""></video>
11413                <div onclick="Hover.toggleVolume(event, $(this).parent().find('video'))" class="videoMute"></div>
11414
11415                            <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" />
11416                            <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" />
11417
11418                    <input id="trailerUrl" type="hidden" value="https://trailers-01.ottvs.c
11418om.br/0370612/0370612.mp4" />
11419                    <div class="mediaProgressBar" style="display: none">
11420                        <div class="baseBar"></div>
11421                        <div class="percentBar" style="width: 0%"></div>
11422                    </div>
11423                </div>
11424            <div class="mediaSynopsi">
11425    @ -299,21 +288,10 @ button#btnCancelar {
11426  
11427                <div class="buttons">
11428                    <div onclick="Hover.toggleInfo(event, $(this).parent().parent().find('.text'))" class="buttom"><strong>I</strong></div>
11429                    <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">
11430                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/facebook.png" />
11431                    </div>
11432                    <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">
11433                        <img loading="lazy" draggable="false" src="https://ottvsimg.ottvs.com.br/res/looke/twitter.png" />
11434                    </div>
11435                </div>
11436                <div class="text">
11437                    <div><strong>O Nevoeiro - 1&#xAA; Temporada</strong></div>
11438                    <div>Uma terr&#xED;vel revela&#xE7;&#xE3;o coloca a humanidade em um caminho de autodestrui&#xE7;&#xE3;o.</div>
11439                </div>
11440            </div>
11441        </div>
11442            <div class="mediaPrice_svod"><img loading="lazy" src="https://ottvsimg.ottvs.com.br/plans/badgeempty.png" /></div>
11443    </div>
11444</li>
11445
11446<script>
11447    var IdItemSelected;
11448
11449function onDeleteItem(idItem) {
11450    IdItemSelected = idItem;
11451    $('#modalConfirmacao').show();
11452}
11453    $(document).ready(function() {
11454        $('.close, #btnCancelar').unbind('click')
11455        $('.close, #btnCancelar').click(function() {
11456            $('#modalConfirmacao').hide();
11457        });
11458
11459        $('#btnConfirmar').unbind('click')
11460        $('#btnConfirmar').click(function() {
11461            Helpers.showLoading();
11462             $.post('/Media/RemoveContinueWatchingItem', { mediaId: IdItemSelected }, function () {
11463                $(`[mediaid=${IdItemSelected}]`).fadeOut();
11464                $('#modalConfirmacao').hide();
11465            }).done(function (response) {
11466                if (JSON.parse(response).response.toLowerCase() == "true") {
11467                    location.reload();
11468                }
11469                else{
11470                    Helpers.hideLoading();
11471                }
11472            }).fail(function (erro) {
11473               console.log(erro.responseText)
11474            });
11475        });
11476    });
11477</script>
11477
11478                            </ul>
11479                </div>
11480
11481            </div>
11482            <div class="carousel_media_details">
11483                <div class="panel_loader">
11484                    <div class="panel_loader_img"></div>
11485                </div>
11486                <span class="og-close"></span>
11487                <div class="movie-info"></div>
11488            </div>
11489
11490        </div>
11491    </div>
11492</div>    </div>
11493    <div class="" style="background-color:">
11494
11495<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7023" style="z-index: 10;">
11496    <div class="item">
11497        <div class="linkBanner" style="cursor: pointer;" urlBanner="/flow" onclick="javascript: location.href = '/flow'; Helpers.showLoading(); ">
11498            <img src="https://resources-01.ottvs.com.br/banner/2fcc6310-7798-4829-8755-aea63497fa80.jpg">
11499        </div>
11500    </div>
11501
11502 
11503</div>
11504
11505<script type="text/javascript">
11506   //$(document).ready(function () {
11507    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
11508    statePadingValue = isMobile ? 10 : 30
11509
11510    carouselConfig = {
11511        nav: isMobile ? false : true, // Show next and prev buttons
11512        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
11513        slideSpeed: 300,
11514        navSpeed: 800,
11515        margin: 50,
11516        stagePadding: $(".page-home").length ? statePadingValue : 0,
11517        items: 1,
11518        loop: true,
11519        autoplay: true,
11520        navigationText: ["", ""],
11521        afterInit: function (elem) {
11522            var that = this
11523            that.owlControls.prependTo(elem)
11524        }
11525    }
11526        
11527    carouselConfig.animateOut = '';
11528    carouselConfig.autoplayTimeout = (8) * 1000;
11529
11530    $(".owl-id-7023").owlCarousel(carouselConfig),
11531    $('.owl-id- .owl-pagination').addClass("hideSmall");
11532
11533    //});
11534</script>
11534
11535    </div>
11536    <div class="" style="background-color:#000000">
11537
11538<style>
11539    .container-banners {
11540        display: flex;
11541        scrollbar-width: none;
11542        align-items: center;
11543        overflow-y: hidden !important;
11544        margin-top: -53px;
11545        padding-top: 53px;
11546        margin-left: -33px;
11547        padding-left: 33px;
11548        padding-bottom: 20px;
11549    }
11550
11551    .container-banners a {
11552        z-index: 100 !important;
11553    }
11554
11555    .container-banners a:hover {
11556        z-index: 1000 !important;
11557    }
11558
11559    .cover-banners {
11560        margin-right: 15px;
11561        transition-duration: 0.1s;
11562        cursor: pointer;
11563        border-radius: 15px;
11564    }
11565
11566    .cover-banners:hover {
11567        transform: scale(1.12);
11568        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4) ;
11569    }
11570
11571    .bannerCarousel{
11572        
11573    }
11574
11575    .bannerCarousel .media-style {
11576        position: relative;
11577        width: 156px;
11578        height: auto;
11579        margin: 0px 19px 0 0px;
11580        cursor: pointer;
11581        text-align: left;
11582        border-radius: 12px;
11583    }
11584
11585    .bannerCarousel.sectionStyle_3 .media-style {
11586        width: 332px;
11587    }
11588
11589    .hideTitle {
11590        padding-top: 30px !important;
11591    }
11592
11593    .hideTitle:before {
11594        border-top: 0px !important;
11595        border-image: none !important;
11596    }
11597
11598    .noPointer{
11599        cursor: auto !important;
11600        transform: scale(1) !important;
11601        box-shadow: none !important;
11602    }
11603
11604</style>
11605
11606<div class="frame-holder">
11607    <div class="frame-center">
11608        <div class="mediaCarousel bannerCarousel sectionStyle_3">
11609            <div class='frame-container channel-space hideTitle'>
11610                <div onmousemove="Carousel.closeHover()" onclick="scrollToLeft(7071)" class="frame-left frame-channel" id="frame-left-7071" style="display: none">
11611                    <div class="frame-left-arrow" style="background-position-y: center;"></div>
11612                </div>
11613                <div onmouseover="Carousel.closeHover()" onclick="scrollToRight(7071)" class="frame-right frame-channel" id="frame-right-7071" style="display: none">
11614                    <div class="frame-right-arrow" style="background-position-y: center;"></div>
11615                </div>
11616                <div class='horizontal container-banners' style="overflow:scroll" id="7071">
11617
11618                        <a  href=/detalhes/560895 >
11619                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/ec0fc955-a5fb-4aa8-8a4f-73e209fb52f4.png">
11620                        </a>
11621                        <a  href=/detalhes/570270 >
11622                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/6e777098-c82b-4856-b844-7775ea9e33c2.png">
11623                        </a>
11624                        <a   >
11625                            <img class="media-style cover-banners noPointer" draggable="false" src="https://resources-01.ottvs.com.br/banner/c28f3592-7bb0-40f6-a67d-2591e7926223.png">
11626                        </a>
11627                        <a  href=/detalhes/475171 >
11628                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/ef276acb-8632-47e8-9a9e-3efdfbd5a827.png">
11629                        </a>
11630                        <a  href=/detalhes/459210 >
11631                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/cbfa1f42-5458-4aed-9d3a-d22714746969.png">
11632                        </a>
11633                        <a  href=/detalhes/459247 >
11634                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/d2591141-1681-4bf8-a2ea-44d9bd47d445.png">
11635                        </a>
11636                        <a  href=/detalhes/572436 >
11637                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/33a0e836-fe18-46a5-b201-1358c0adbc66.png">
11638                        </a>
11639                        <a  href=/detalhes/483638 >
11640                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.c
11640om.br/banner/5b05e5bd-d5ad-49ff-942c-2f00b6e1ddcb.png">
11641                        </a>
11642                        <a  href=/detalhes/435658 >
11643                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/80adf683-0092-4bd4-ae81-8cfc52f680e4.png">
11644                        </a>
11645                        <a  href=/detalhes/422120 >
11646                            <img class="media-style cover-banners " draggable="false" src="https://resources-01.ottvs.com.br/banner/f0d4171d-afa7-4199-97e1-c81cf2b4f2da.png">
11647                        </a>
11648
11649
11650                </div>
11651
11652
11653            </div>
11654        </div>
11655    </div>
11656</div>
11657
11658<script>
11659    var carousel = carousel || [];
11660    var carouselEl = carouselEl || [];
11661
11662    carousel[7071] = document.getElementById('7071')
11663    carouselEl[7071] = $('#7071')
11664
11665    $(document).ready(function () {
11666        checkFrameVisibility(7071)
11667    })
11668
11669    $(carouselEl[7071]).on("resize", function () {
11670        checkFrameVisibility(7071)
11671    });
11672
11673    $(carouselEl[7071]).on('scroll', function () {
11674        checkFrameVisibility(7071)
11675    })
11676
11677    function scrollToRight(carouselId) {
11678        carouselEl[carouselId].animate({
11679            scrollLeft: carousel[carouselId].scrollLeft + carousel[carouselId].clientWidth
11680            },{ duration: "slow"}
11681        );
11682    }
11683
11684    function scrollToLeft(carouselId) {
11685        carouselEl[carouselId].animate({
11686            scrollLeft: carousel[carouselId].scrollLeft - carousel[carouselId].clientWidth
11687            },{ duration: "slow"}
11688        );
11689    }
11690
11691    function checkFrameVisibility(carouselId) {
11692        carouselViewWidth = carousel[carouselId].clientWidth;
11693        carouselWidth = carousel[carouselId].scrollWidth-1;
11694
11695        if (carousel[carouselId].scrollLeft == 0) {
11696            $('#frame-left-' + carouselId).fadeOut()
11697        } else {
11698            $('#frame-left-' + carouselId).fadeIn()
11699        }
11700 
11701        if (navigator.userAgent.search("Firefox") >= 0) {
11702            return
11703        } else {
11704             if (carousel[7071].scrollLeft + carouselViewWidth >= carouselWidth) {
11705                $('#frame-right-' + carouselId).fadeOut()
11706            } else {
11707                $('#frame-right-' + carouselId).fadeIn()
11708            }
11709
11710        }
11711
11712        //console.log(`Left: ${carousel.scrollLeft} view: ${carouselViewWidth} width: ${carouselWidth} `)
11713    }
11714
11715
11716</script>
11716
11717    </div>
11718    <div class="" style="background-color:">
11719
11720<div id="owl-demo" class="owl-carousel owl-theme banner-section owl-id-7094" style="z-index: 10;">
11721    <div class="item">
11722        <div class="linkBanner" style="cursor: pointer;" urlBanner="/movies/vem-por-ai" onclick="javascript: location.href = '/movies/vem-por-ai'; Helpers.showLoading(); ">
11723            <img src="https://resources-01.ottvs.com.br/banner/e9e6e8e1-f077-4e61-965b-de97af231351.png">
11724        </div>
11725    </div>
11726
11727 
11728</div>
11729
11730<script type="text/javascript">
11731   //$(document).ready(function () {
11732    isMobile = window.matchMedia('screen and (max-width: 830px)').matches
11733    statePadingValue = isMobile ? 10 : 30
11734
11735    carouselConfig = {
11736        nav: isMobile ? false : true, // Show next and prev buttons
11737        navText: ["<img src='/content/images/arrow-left-carousel.png'>", "<img src='/content/images/arrow-right-carousel.png'>"],
11738        slideSpeed: 300,
11739        navSpeed: 800,
11740        margin: 50,
11741        stagePadding: $(".page-home").length ? statePadingValue : 0,
11742        items: 1,
11743        loop: true,
11744        autoplay: true,
11745        navigationText: ["", ""],
11746        afterInit: function (elem) {
11747            var that = this
11748            that.owlControls.prependTo(elem)
11749        }
11750    }
11751        
11752    carouselConfig.animateOut = '';
11753    carouselConfig.autoplayTimeout = (8) * 1000;
11754
11755    $(".owl-id-7094").owlCarousel(carouselConfig),
11756    $('.owl-id- .owl-pagination').addClass("hideSmall");
11757
11758    //});
11759</script>
11759
11760    </div>
11761    </div>
11762</div>
11763
11764<script>
11765
11766    (function (d, s, id) {
11767        var js, fjs = d.getElementsByTagName(s)[0];
11768        if (d.getElementById(id)) return;
11769        js = d.createElement(s); js.id = id;
11770        js.src = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.10';
11771        fjs.parentNode.insertBefore(js, fjs);
11772    }(document, 'script', 'facebook-jssdk'));
11773
11774
11775    var lastScrollHeight = 0;
11776    var page = 0;
11777    $(window).on("scroll", function () {
11778        var scrollHeight = $(document).height() - ($(window).height() * 2);
11779        var scrollPos = $(window).scrollTop();
11780
11781        if (scrollPos > scrollHeight && lastScrollHeight < $(document).height()) {
11782            lastScrollHeight = $(document).height() * 1.2;
11783            page++;
11784            createNextPage(page);
11785            loadNextPage(page);
11786        }
11787    });
11788
11789    var createNextPage = function (page) {
11790        var newPage = $("#sectionLocationList").append(`<div class="nextChannelPage" id="page${page}">`);
11791        $(`#sectionLocationList #page${page}`).unbind("click");
11792        $(`#sectionLocationList #page${page}`).on("click", function (currentPage) {
11793            loadNextPage(page);
11794        }).html("Carregar mais");
11795
11796    }
11797    var loadNextPage = function (page) {
11798        $(`#sectionLocationList #page${page}`).unbind("click");
11799        $(`#sectionLocationList #page${page}`).html("").removeClass("nextChannelPage").addClass("loadingIcon");
11800        $.ajax({
11801            type: "GET",
11802            url: "/channel/" + $("#sectionLocationList").data("sectionlocationid"),
11803            data: `partial=true&page=${page}`,
11804            success: function (data) {
11805                $(`#sectionLocationList #page${page}`).removeClass("loadingIcon").removeClass("nextChannelPage").html(data);
11806            },
11807            error: function (xhr, ajaxOptions, thrownError) {
11808                console.log(`loadNextPage error (${page}):`, thrownError);
11809            }
11810
11811        });
11812    }
11813
11814
11815</script>
vendor: 1 bytes, line 11815
11815
11816<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
11816
11817
11818
11819
11820        <div class="push"></div>
11821    </div>
11822
11823    
11824<script type="text/javascript">
11825    /* <![CDATA[ */
11826    var google_conversion_id = 945439321;
11827    var google_custom_params = window.google_tag_params;
11828    var google_remarketing_only = true;
11829    /* ]]> */
11830</script>
11830
11831
11832<noscript>
11833    <div style="display:inline;">
11834        <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" />
11835    </div>
11836</noscript>
11837
11838<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
11838
11839
11840    <div class="footer footerSmall">
11841        <div class="container-fluid footer">
11842            <footer>
11843                <div class="row">
11844                    <div class="col-12 col-md-5">
11845                        <div class="wrapper-footer flex-column align-items-center justify-content-center">
11846                            <p>Redes Sociais</p>
11847                            <div class="social-group">
11848                                <a target="_blank" href="https://www.facebook.com/LookeBrasil"><img src="https://ottvsimg.ottvs.com.br/res/looke/facebook_icon.png" /></a>
11849                                <a target="_blank" href="https://instagram.com/looke/"><img src="https://ottvsimg.ottvs.com.br/res/looke/instagram_icon.png" /></a>
11850                                <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>
11851                                <a target="_blank" href="https://twitter.com/LookeBrasil"><img src="https://ottvsimg.ottvs.com.br/res/looke/twitter_icon.png" /></a>
11852                                <a target="_blank" href="https://www.tiktok.com/@lookeoficial"><img src="https://ottvsimg.ottvs.com.br/res/looke/tiktok_icon.png" /></a>
11853
11854                            </div>
11855                        </div>
11856
11857                    </div>
11858
11859                    <div class="col-12 col-md-7">
11860                        <div class="wrapper-footer align-items-center justify-content-center">
11861                            <ul class="list-inline">
11862                                <li><a class="no-decoration redirect" href="/Politica">Política de privacidade <span class="hide-mob">|</span></a></li>
11863                                <li><a class="no-decoration redirect" href="/help/termosdeuso">Termos de Uso <span class="hide-mob">|</span></a></li>
11864                                <li><a class="no-decoration redirect" href="/helpcenter">Central de Ajuda <span class="hide-mob">|</span></a></li>
11865                                    <li><a class="no-decoration redirect" href="/Help/ComoAssistir">Como assistir <span class="hide-mob">|</span></a></li>
11866
11867                                <li><a class="no-decoration redirect" href="/Help">Contato</a></li>
11868
11869
11870                            </ul>
11871                        </div>
11872                    </div>
11873                </div>
11874            </footer>
11875
11876        </div>
11877    </div>
11878
11879
11880
11881
11882    
11883
11884    
11884<script src="/scripts/mediaModeCheck.js?guid=8D36156B-7ACC-449F-B001-B1C22CC94CA6"></script>
11884
11885    
11885<script>
11886        $(document).ready(function () {
11887            $(".header-button a").click(function () {
11888                $.cookie("modalStatus", "modalLooke");
11889            });
11890            $.cookie("modalStatus", "modalLooke");
11891        });
11892    </script>
11892
11893</body>
11894
11895
11896
11897</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.