mcot
/
spacemcot


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
							  

<!--Hilight-->

<div ng-if="topStory">

    <div ng-repeat="p in topStory">

        <div class="hidden-lg relativemb">

            <a ui-sref="app.view({id: p._id.$oid })"><img ng-src="{{ p | find_image_size :'storyart_1920_1080' |image_server :'-1350x500x0' }}" style="height: 260px;width: 100%;"></a>

        </div>


        <div class="absolutemb hidden-lg top-caption-overlay pointer" ui-sref='app.view({id: p._id.$oid })'>

            <strong>

                {{ p.title }}</strong>

            <p>{{ p.description }}</p>

            <a  class="btn-primary btn">Play</a>

            <!--

            <button type="button" class="btn btn-default">Add Favorite</button> -->

        </div>


        <!--PC-->


        <div class="visible-lg relative">

            <a href="#"><img ng-src="{{ p | find_image_size :'storyart_1920_1080' | image_server: '-1350x500x0' }}" style="height: 500px;width:100%;"></a>

        </div>


        <div class="absolute visible-lg top-caption-overlay" >

            <h1>

                {{ p.title }}</h1>

            <h3>{{ p.description }}</h3>

                <a  class="btn-primary btn" ui-sref="app.view({id: p._id.$oid })">Play</a>

                <!--

                    <button type="button" class="btn btn-default">Add Favorite</button> -->

        </div>

        <!--End Hilight-->

    </div>

</div>

<!--Moblie Top-->

<div class="container hidden-lg">

	<h3>Top Picks For You</h3>

	  <section class="regular slider">

		<div ng-repeat="p in topPicks" class='pointer' ui-sref="app.view({id: p._id.$oid })">

            <img ng-src="{{ p | find_image_size :'vert_571_800' | image_server :'-578x800x1' }}" style="width:100%; height:auto">

		</div>

	  </section> 

	</div>

<!--End Moblie Top-->


<div class="container visible-lg">

	<h3>Top Picks For You</h3>

	  <section class="regular slider">

		<div ng-repeat="p in topPicks" class='pointer' ui-sref="app.view({id: p._id.$oid })">

            <img ng-src="{{ p | find_image_size: 'vert_571_800' | image_server :'-578x800x1' }}" style="width:100%; height:auto">

		</div>

	  </section> 

	</div>

</br></br>


<!--ContinueWatch-->

<!--Moblie Continue-->

<div class="container hidden-lg " style="margin-top: -60px;">

	<h3>Continue Watch For You</h3>

	<a  ng-repeat="p in recs" ui-sref="app.view({id: p._id.$oid })">


		<img ng-src="{{ p | find_image_size: 'horz_1280_720' | image_server :'-1280x720x1' }}" style="width:100%; height:auto">

	</a>

</div>

<!--End Moblie Continue-->


<div class="container visible-lg">

	<h3>Continue Watch For You</h3>

	<div class="col-lg-6" ng-repeat="p in recs">

		<a ui-sref="app.view({id: p._id.$oid })">


			<img ng-src="{{ p | find_image_size: 'horz_1280_720' | image_server :'-1280x720x1' }}" style="width:100%; height:auto">

		</a>

	</div>


</div>

<!--endcon-->


<!--Moblie NF-->


<div class="container" ng-repeat='o in ottCats'>

    <h3>{{ o.title }}</h3>

    <section class="regular slider">

        <div ng-repeat="p in this[o.varName]" class='pointer' ui-sref="app.view({id: p._id.$oid })">

            <img ng-src="{{ p | find_image_size: 'vert_571_800' | image_server :'-578x800x1' }}" style="width:100%; height:auto">

        </div>

    </section> 

    <br><br>

</div>