.cplx-related-vid
{
    position: relative;
    display: inline-block;
    vertical-align: top;

    height: auto;
    max-height: 70%;
    width: 44%;
    margin-top: 20px;
    margin-left: 4%;

    cursor: pointer;
    color: #fff;
}

.cplx-related-vid:hover .cplx-related-vid-title
{
    color: #fff;
}

.cplx-related-vid-img-cont
{
    position: relative;

    width: 100%;
}

.cplx-related-vid-img
{
    max-height: 70%;
    width: 100%;
    display: block;
}

.cplx-related-vid .cplx-related-vid-title
{
    position: relative;
    bottom: -1px;

    width: 94%;
    margin: 0;
    padding: 3% 0;

    opacity: 1;
    font-family: arial;
    font-size: 15px;
    color: #666;
    line-height: 20px;
}

.cplx-related-vid .play-btn
{
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    height: 58px;
    width: 58px;
    margin: auto;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RUU5ODQ1QjhDNjcxMUUzOTA1NUZDODQ0MTUyODY5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RUU5ODQ1QzhDNjcxMUUzOTA1NUZDODQ0MTUyODY5RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdFRTk4NDU5OEM2NzExRTM5MDU1RkM4NDQxNTI4NjlFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdFRTk4NDVBOEM2NzExRTM5MDU1RkM4NDQxNTI4NjlFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RZFsPAAACxtJREFUeNrMmwtMlFcWx+fFwCDyGhBQfLBF6ZJY1LQKYs0qviCNttqqC2uRla0kJm40rpB1EzW+1o1KgtmoXZREFoq2tMVU1LLgW9So2LKSFXDZ+sAHDu8389j/md47vY4MzhO4yc3M933z3e/8vnPOPec+RmowGCSuKlIU8dDs02D2KTHYIcyrj7BcFC6CkjEg+ZEjR0bGxcVF+Pv7R+n1+leeJ5PJtI2NjT+UlpbeX7t2bRua0DFwvSPw/RZqx5HKgKTspSmLiopGNzQ0pHV2dhZotdqfDFYW+i3dQ/dSG9QWa9PY/gDPt04R9r4wQYNyqhDwYx8fnz+6ubm95wwF9PX13WlpaTkQGBj4FQ51rEomTZr0isDV1dWuATUHfPr06RII81e5XB5mQeDely9fah4/fvwMz9KbtSULDQ0NDggIUOMFKfu7X6fT1eElZoSEhBT1B+wSUAZJ/id/9uzZArVavVuhUEwWfwM/NNTU1FRfv379/pkzZ+oqKiqarWl76tSpvvHx8WHR0dER4Sh4cXLxOky7UqPR/Dk4OPh7BqsnWKeCilrMz89XL1myZKenp2eq+JuOjo724uLiK+h8fnz06FGXI2Y7duxYFTqndxISEmaNGDHCS7wGP86GD/8lMTFRw7Ur9tx2g4qQDx8+nDtmzJhs9JZjRdMsKSm5tmvXrnKYaK8zwxNMWrlly5aY+fPnzxRNG1bz6MmTJ6njxo0rsxZ2QFAGKWWmuiwoKOgL8Xp5efmt7du3n6+rq+uUuLCEhYV5bt26dU5MTMy74vnnz5//FqZcyGANA8FaBBU0qUCsS/Hz8zvCr3V3d3dlZWV9c/To0RrJIJY1a9ZMXL9+/UceHh4qfq6pqWktYnQOufFAmn0TKGnyY1GTzc3NjampqccrKytbJENQJk+e7JOdnf2pr6+vv5lmvxI0ax0ohySfRMdwjp9HKHmakpLyT1ebqjWmnJOT8zuEnBBBtvjRo0f/yxKszFIIOXv2bCA6nhxRk8MBkgrJQLKQTPwcrO4oySyknwNrlIG6IVz8nYcQ8snVq1d/bm1MHKxCsRea/YNKpfJkoScH4SiNgoG5VmX9mSzM4EMxTh44cODr4QZJhWTKzMz8hh9D5hSSnWVtUosapZSMtIm06z5i5XgeQqDN03YMFqRCuwZXAh87diw+NjZ2OouxPyGpimBa1b+mUe6bCPqpHLINZdOmTSU2Asp4xUPlvLJzUleAbt68uZRkZUO/8cRg7qvmnZEc8TKDH5w8ebLMlmyHQKgyOLIMpVDdaDzqCmCSkWTlx4xB/pqPct9EPPoEbySUzrW2trbA/n+wdfTGNKlAeuaHUY0vknEV0kQVPj0EYKdrmGQlmZlWQ4lF9FVRozK8iQ384Ny5c+UQ0GCrX6LKCQYji0CMXpIzMjJm4NxItOWFOkIA5tqVOWn8aiCZBa1uEPlMXzAiCEDiPI2NAXU0CrGnA4K2jBrFg5VI1ZToyN4rKytbunjx4oje3l4jMGA98QgjsODDDmuXZCbZ6TuxEJM5qAwJ8yJ+shbFzqGWlGlJQVrlJ5F4eO/fv//9wsLChZGRkaEEjDqCmbQ7+bMz/JdkJtn5MWOSiaBSLy+vOP6D27dv1zoyT0YCA1RufmHatGmBgF2wb9++WG9vbzVAScNGYO6/ZPqOAIuyM6affZR3REqlMob/AL71X0dBLQmqUChkS5cufevixYuL161bFwVIb+a/nuS/qA75ryg7YzJ2SMaGkCP68zkfSvdu3rzZ6IwZ0IEu4m27bdy4cer58+c/mDdvXjgHdtR/SXZiMMZKMBGbyXTfRhFikmYw07gJEyZ4Hz58eHZ+fv48jEqCRe0SrD2mLDJwNmP2gEQ4nF9oaGholAxBiY6ODj59+nT87t27Z0AeHwZqirlvshCxaDSaJiH/DeOmK4XfeAuTT91DlaQjJMhXrFjx9oULFz7E4P7XgFSy3timjqm9vb1LaNPP5KPIJEwzbT09Pb2SIS4+Pj4e6enp75eUlCwLDw8nJch4emnN/SIDZ5NJhmmBC7VhVHIbYbGNjy0dGQUp2NCmnZ9wd3dXDiUgXEebl5f376ysrLvolNrhVjoA6m2BFBk4G4HSAk+r4LweQwUJU324bdu220jImxEaugDZB9PTMUirQRG6VEIOTB2TwQja0dFRGxDwc1qIEYf/YAPeu3dPs3Pnzjs3btx4BsBuAHbjsxdVC0itrRpVq9V+goXUcVDJf1DGjx/PZ8fVgwWIeNd18ODByuPHj9cQIHrIHnxS5Zq02WzNGYjN5KOLFi1qhPnWUSZBk8PTp0/3dzA7MpCAli4ic9EVFBRUI+et7Orq6iBAaLEHcH2s6hmg3tYHk+x8gptW4ojNCEqLsPTmMJooV6lUxjQwPj7+Vw6AGiFJ2P4uXrp06QnMtOLBgwca0iLy0V781mSm7D6DvT0syc6/ExOf5+VL7QYE2VKAJtLBlClT3sLHLbsSXKYJElw8jzDRvGPHjjuXL1+up46GmSlBEhz3Q72jE2lRUVFhQuJQyjsxHkf1FRUVpkmwiIiIibR0Zwck16aW/IzOtbS0dGdmZt5csGDBd1evXv0fAFtRO2CqXcwfCVYn9K52l+DgYHfIPkno5Mr4TKApYVi4cOFzWk5nWb+c1iftNFsSug/xq/vUqVN3MDL54tChQxUMsA21k3pVVG6udvlifyUtLS0K7RqtFH3O3Tlz5tS/Mq8rTI6tHDVqVC7TRHNsbGyWLfNGbGKM0jU5y1HlrH2uaR17ETpH/NBCniyFxaxH+ujLMqvVYMnjPipjAtIDdUFBQV9CwKcs3/TdsGFDlK0apc6EQMh0yTSpNxVMtE/wR6dOapOsHJIYAFkgERaczHNdXVNT0y5+sHz58rm06myLjwq9rpbBUtWyTkfnill7kpFk5ceMQffavK6gVT1uyqZpfTo3EmXv3r1z7emQ+qkuW5bYs2fPb0hWviRBDKwTMliaqTea8IsXLzbzE7NmzZqRnJwcPlxHOSTb7NmzTfNdTPbX1kgHWjb8BxL8T+kcspfOxMTEw1VVVW3DCTIyMnJkfn5+Gl82hJx5kPn3kjctG4q+isCeATMwds/UUHZ2djKtNA8XSJKFZOKQJCuyrj+Z+6ZFjQpaldfX188LCQk5w8/T0v6qVatyHd1H5GihZCY3N3eVQ0v7YrihGzHCSOLnqeETJ06soQ0TQwVJzyYZREiScSBIa6ZSdBiffomG0oSxnhpv8zPaCjPYkPRMejbJIECmkYyWTHZA0zUzYaMZI9P4BN12nnj9ypUrN9LT08ucvWOsvzhJYY4igNl4NkmAtG9DlRmshPsssqfPxS1ytAcQY8tSWp+0dZnRmrSOMp6VK1fGiXsCaYsc0tXPBHOVSBzZItcfLNv0+Dceenih3Li4uLg8Ly+vqqampt0RwIkTJ3olJSVFJiQkxPC0TpgaOV5UVLTZ6Zse+wE2bmOl3R+W9uk+Rrl79251YWFh1bVr16xa4pg5c6Z62bJlkRgLTwpFea2z+GXf7rcSV21jtaRdqrQxws/PbwvMOcTSPRSWaFMybU6GwAY2FJTSpmTaCSP2oOaFEnTKXVlaNzgbky10VDIGvMLLy2upu7v7BxKzjRJ2FF1PT8937e3tXwPwBNcgmai9W82d+ecBgqNVbg8kFB+RL2HwW2PDnwdq6B66l9pgbfHNFkP354E3mLVM0La0trb2XVruh3be4X8JoWEbrOBHmhALDw+/JfnlbyCmv4NY81cQa//3Ih3EP/hw7ZuPlswzMlufYdXv/i/AAO+uprFiBPkcAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}

.ctv-widget-title
{
    vertical-align: middle;

    margin: 5% 0 0 4%;

    font-family: arial;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 21px;
    text-indent: 0;
}

.ooyala-rec-widget .cplx-related-vid-progress-bar
{
    position: absolute;
    display: none;
    bottom: -1%;
    left: 0;

    height: 1%;
    width: 100%;

    background: #fff;
}

.cplx-related-vid-progress-mark
{
    height: 100%;
    width: 0;

    background: #000;
}