<style>
#videoslider {
background:#000000; /* Background color */
clear:both;
margin:0 auto;
padding:5px;
width:735px;
border-radius: 5px;
border: 1px solid #C1C1C1;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#content { padding: 26px 0 0; }
#video-cycle .video-item {
border:none;
background-color:none;
display: inline-block;
width:220px;
margin:20px 17px 0 0;
vertical-align: top;
box-shadow:0 2px 2px rgba(0,0,0,.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
padding:0;
}
.featured-thumbnail {position: relative;}
.featured-thumbnail img{float:left;width:220px;height:140px;display:block}
.ie #video-cycle .video-item {margin-right:16px;}
#video-cycle .video-item:nth-child(3n) {margin-right:0;}
#video-cycle .video-item.nomargin {margin-right:0;}
#video-cycle .video-item .featured-thumbnail {float: none;margin:0;overflow: hidden;}
#video-cycle .video-item .featured-thumbnail .play,.post-holder.video .play,.recent-posts .format-video .play {
position:absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-repeat:repeat;
background-position:0 0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy0wlPBaED3kwCILacv8bOnCVjbqeVchYzUqL8dkboUjnEEUdSIof-YJ1A1PFRsW69rEGx8guwJh6avWW4yOhxbI9VVoyq5ikQ3os0-fPZ8b-NEmUPhlXdbRqwdWgMX7XsGQgniy6ZRYZl/s43/hover-bg.png);
opacity:0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
#video-cycle .video-item .featured-thumbnail a:hover .play,.post-holder.video a:hover .play,.recent-posts .format-video a:hover .play {opacity:1;}
#video-cycle .video-item .featured-thumbnail .play .readbutton,.post-holder.video .play .readbutton,.recent-posts .format-video .play .readbutton {
width:60px;
height:60px;
position:absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhak6ghyhYOTP_I5jdLNI1nBjY1hr_baVEz_uI1nYLqB9KMstfSqoMmgdU42DP1xnLf9KKyqoOAHr22zu7AkOQoIl5T7fTwiaWEyxOgp8fL4Y7_89QOjVXH8SYcL8cmh0klUtSzOjpzxKbd/s60/button-play.png);
}
.no-opacity #video-cycle .video-item .featured-thumbnail .play,.no-opacity .post-holder.video .play,.no-opacity .recent-posts .format-video .play { visibility: hidden; }
.no-opacity #video-cycle .video-item .featured-thumbnail a:hover .play,.no-opacity .post-holder.video a:hover .play,.no-opacity .recent-posts .format-video a:hover .play { visibility: visible; }
#video-cycle .video-item .row-1 {
background-color:#FFF;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #d5d5d5;
padding: 9px 19px 14px 19px;
}
#video-cycle .video-item .row-2 {
border-top: 1px solid #cfcfcf;
border-right: 1px solid #c8c8c8;
border-bottom: 1px solid #b4b4b4;
border-left: 1px solid #cacaca;
height:28px;
overflow: hidden;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo5dPn0HmrearPDFxkF2GUxSx3oOx_vH2kheEMWHGOAi_R2upgJk8mrHVMW-JAgosjbQ3uMTUh9Jpm-y0inIwl0iYPnM_o0wMGu4sLh5tKach7lC-6Baf1sFEA_uemhcC2MyFAMExBs8UX/s218/meta-bg.gif);
font-size:12px;
line-height:26px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
color:#222222;
padding: 0 20px;
}
#video-cycle .video-item .row-2 .rating {float: left;margin-right:16px;}
#video-cycle .video-item .row-2 .views {
float: left;
padding-left:21px;
background-repeat:no-repeat;
background-position:0 8px;
background-image:url(images/icon-views.png);
}
#video-cycle .video-item .row-2 .link {
float: right;
margin-top:9px;
position:relative;
width:15px;
height:12px;
background-repeat:no-repeat;
background-position:0 0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3fXEioN4p_60DJMgQD-i5GeU9agUmce58ysZT9cOEE_cfMVDjmNTX1RtSZ0gpywRFx-y61tj1RHuHz0d6qzFsOx6rFbLBDkpux57BIFtoUThveJpuGrH5u_NEnFEHx2GtfFSTjrVb6qCE/s24/link-bg.png);
}
#video-cycle .video-item .row-2 .link:hover {background-position:0 -12px;}
#video-cycle .video-item h4 {font-size:12px;font-weight:bold;}
#video-cycle .video-item h4 a {color:#000;text-decoration:none;}
#video-cycle .video-item h4 a:hover {text-decoration:underline;}
#video-cycle .video-item .terms a {color:#8f8f8f;text-decoration:none;}
#video-cycle .video-item .terms a:hover {text-decoration:underline;}
#watch_action {width:auto !important;margin-top:4px;}
#watch_action .status {display: none;}
#watch_action .lc {color:#222222 !important;font-size:12px !important;}
#watch_action .lbg-style1.jlk {width:16px;}
@media only screen and (max-width: 768px) {
#video-cycle .video-item {
width: 48%;
}
#video-cycle .video-item:nth-child(2n) {
margin: 20px 0 0 0;
}
#video-cycle .video-item.nomargin {
margin-right: 17px;
}
.featured-thumbnail img {
width: 100%;
object-fit: cover;
}
#video-cycle .video-item .row-2 {
background-repeat: repeat;
}
#video-cycle .video-item:nth-child(6) {
margin: 20px 0 0 0!important;
}
}
@media only screen and (max-width: 480px) {
#video-cycle .video-item {
width: 100%;
float:none;
}
#video-cycle .video-item:nth-child(2n) {
margin: 20px 0 0 0;
}
#video-cycle .video-item.nomargin {
margin-right:0;
}
.featured-thumbnail img {
width: 100%;
object-fit: cover;
}
#video-cycle .video-item .row-2 {
background-repeat: repeat;
}
}</style>

Widgetized
Updates
Search news on this site
Widgetized
Translate this news site for your language
Blogroll
Widgetized Footer
Fashion
Subscribe to:
Post Comments
(
Atom
)
0 comentários:
Post a Comment
Let's go comment much here !