  
<!--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>
